html{font-family:'Noto Sans', Sans-Serif}.ninja-title,.site-title{font-family:'Noto Sans'}h1,h2,h3,h4,.btn-rack__btn i,.btn-rack form i{font-family:'Roboto'}.button{font-family:'Roboto';font-weight:600}.subnav a,#clinput input{color:#a3a3a3}.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:#2f2e2d}.button.button-metal:not(.disabled):hover,#friend_box .friend_box_title:hover,.btn-rack__btn:hover,.btn-rack form:hover{background:#3c3b39;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 #a3a3a3}.subnav a,.user-link,.vstext{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{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:'lishogi';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}sg-board,sg-squares,sg-pieces,sg-promotion,svg.sg-shapes,svg.sg-custom-svgs,.main-board .sg-wrap,.mini-board sg-hand-wrap sg-hand{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,.upt__game-legend,#announce{display:flex;flex-flow:row wrap;align-items:center;justify-content:space-between}.vstext{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,.sg-hand-wrap sg-hand sg-hp-wrap:after,sg-hand-wrap sg-hand sg-hp-wrap:after,.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}.mini-board sg-hand-wrap.hand-top{border-radius:3px 3px 0 0}.vstext{border-radius:0 0 3px 3px}.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:#131210 linear-gradient(to bottom, #2b2927, #131210 100px) no-repeat;color:#bfbfbf;overflow-x:hidden;overflow-y:scroll}body::-webkit-scrollbar,body::-webkit-scrollbar-corner{background:#131210 linear-gradient(to bottom, #2b2927, #131210 100px) no-repeat;max-width:0.8rem}body::-webkit-scrollbar-track{display:none}body::-webkit-scrollbar-thumb{background:#6b6b6b}body::-webkit-scrollbar-thumb:hover,body::-webkit-scrollbar-thumb:active{background:#a3a3a3}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:#bfbfbf;outline-color:#3692e7}option,optgroup{background:#252422;color:#ccc}input,textarea,select{background:#24211e;border:1px solid #404040;padding:0.6em 1em}textarea{overflow:auto;resize:vertical;padding:0.8em 1em}button,a{cursor:pointer}::placeholder{color:#a3a3a3}.copyable{background:#252422;color:#ccc}@font-face{font-family:'lishogi';src:url(../font/lishogi.woff2) format("woff2"),url(../font/lishogi.woff) format("woff");font-display:block;font-weight:normal;font-style:normal}@font-face{font-family:'Noto Shogi';src:url(../font/lishogi.shogi.woff2) format("woff2"),url(../font/lishogi.shogi.woff) format("woff")}@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:#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:'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: 16px;--main-margin: 0}@media (min-height: 600px){body{--site-header-height: 60px}}@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:#131210}.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:#bfbfbf;padding:0.6rem 0 0.6rem 0.5rem;letter-spacing:-0.06em;background:#252422}.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:#a3a3a3;padding:0.7rem 2vw 0.7rem 0.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: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%}.wood sg-board,.wood #dasher_app .piece .list{background-image:url(../images/boards/wood.png)}@media (min-width: 800px), (orientation: landscape){.wood sg-hand{background-image:url(../images/boards/wood.png)}}.kaya1 sg-board,.kaya1 #dasher_app .piece .list{background-image:url(../images/boards/kaya1.jpg)}@media (min-width: 800px), (orientation: landscape){.kaya1 sg-hand{background-image:url(../images/boards/kaya1.jpg)}}.kaya2 sg-board,.kaya2 #dasher_app .piece .list{background-image:url(../images/boards/kaya2.jpg)}@media (min-width: 800px), (orientation: landscape){.kaya2 sg-hand{background-image:url(../images/boards/kaya2.jpg)}}.oak sg-board,.oak #dasher_app .piece .list{background-image:url(../images/boards/oak.png)}@media (min-width: 800px), (orientation: landscape){.oak sg-hand{background-image:url(../images/boards/oak.png)}}.painting1 sg-board,.painting1 #dasher_app .piece .list{background-image:url(../images/boards/painting1.jpg)}@media (min-width: 800px), (orientation: landscape){.painting1 sg-hand{background-image:url(../images/boards/painting1.jpg)}}.painting2 sg-board,.painting2 #dasher_app .piece .list{background-image:url(../images/boards/painting2.jpg)}@media (min-width: 800px), (orientation: landscape){.painting2 sg-hand{background-image:url(../images/boards/painting2.jpg)}}.kinkaku sg-board,.kinkaku #dasher_app .piece .list{background-image:url(../images/boards/kinkaku.jpg)}@media (min-width: 800px), (orientation: landscape){.kinkaku sg-hand{background-image:url(../images/boards/kinkaku.jpg)}}.space sg-board,.space #dasher_app .piece .list{background-image:url(../images/boards/space.png)}@media (min-width: 800px), (orientation: landscape){.space sg-hand{background-image:url(../images/boards/space.png)}}.doubutsu sg-board,.doubutsu #dasher_app .piece .list{background-image:url(../images/boards/doubutsu.png)}@media (min-width: 800px), (orientation: landscape){.doubutsu sg-hand{background-image:url(../images/boards/doubutsu.png)}}.sg-wrap.d-9x9 sg-squares sq:nth-child(31)::after,.sg-wrap.d-9x9 sg-squares sq:nth-child(34)::after,.sg-wrap.d-9x9 sg-squares sq:nth-child(58)::after,.sg-wrap.d-9x9 sg-squares sq:nth-child(61)::after,.sg-wrap.d-5x5 sg-squares sq:nth-child(7)::after,.sg-wrap.d-5x5 sg-squares sq:nth-child(10)::after,.sg-wrap.d-5x5 sg-squares sq:nth-child(22)::after,.sg-wrap.d-5x5 sg-squares sq:nth-child(25)::after,.sg-wrap.d-12x12 sg-squares sq:nth-child(53)::after,.sg-wrap.d-12x12 sg-squares sq:nth-child(57)::after,.sg-wrap.d-12x12 sg-squares sq:nth-child(101)::after,.sg-wrap.d-12x12 sg-squares sq:nth-child(105)::after{content:'';position:absolute;background-color:black;border-radius:50%;margin:-4px;width:7px;height:7px;top:0;left:0}sg-squares{border-top:1px solid black;border-left:1px solid black}sg-squares sq{border-bottom:1px solid black;border-right:1px solid black}.preload sg-squares{border-width:0;border-bottom:1px solid black;border-right:1px solid black;background-image:linear-gradient(to right, black 1px, transparent 1px),linear-gradient(to bottom, black 1px, transparent 1px);background-size:calc(100% / 9) calc(100% / 9)}.sg-wrap.d-9x9 sg-squares sq:nth-child(31),.sg-wrap.d-9x9 sg-squares sq:nth-child(34),.sg-wrap.d-9x9 sg-squares sq:nth-child(58),.sg-wrap.d-9x9 sg-squares sq:nth-child(61){position:relative}.sg-wrap.d-5x5 sg-squares sq:nth-child(7),.sg-wrap.d-5x5 sg-squares sq:nth-child(10),.sg-wrap.d-5x5 sg-squares sq:nth-child(22),.sg-wrap.d-5x5 sg-squares sq:nth-child(25){position:relative}.sg-wrap.d-5x5.preload sg-squares{background-size:calc(100% / 5) calc(100% / 5)}.sg-wrap.d-12x12 sg-squares sq:nth-child(53),.sg-wrap.d-12x12 sg-squares sq:nth-child(57),.sg-wrap.d-12x12 sg-squares sq:nth-child(101),.sg-wrap.d-12x12 sg-squares sq:nth-child(105){position:relative}.sg-wrap.d-12x12.preload sg-squares{background-size:calc(100% / 12) calc(100% / 12)}@media (min-width: 800px), (orientation: landscape){sg-hand{border:1px solid black}.coords-edge .main-board .sg-wrap{border:1px solid black}}.gray sg-board{background-color:#878787}.gray sg-board sq:nth-child(odd){background:#878787 !important}.gray sg-board sq:nth-child(even){background:#d1d1d1 !important}.gray .d-9x9 sg-board sq:nth-child(-2n+26),.gray .d-9x9 sg-board sq:nth-child(2n+56){background:#c0c0c0 !important}.gray .d-12x12 sg-board sq{background:#878787 !important}.gray .d-12x12 sg-board sq:nth-child(-n+12):nth-child(even),.gray .d-12x12 sg-board sq:nth-child(n+12):nth-child(-n+24):nth-child(odd),.gray .d-12x12 sg-board sq:nth-child(n+25):nth-child(-n+36):nth-child(even),.gray .d-12x12 sg-board sq:nth-child(n+37):nth-child(-n+48):nth-child(odd),.gray .d-12x12 sg-board sq:nth-child(n+49):nth-child(-n+60):nth-child(even),.gray .d-12x12 sg-board sq:nth-child(n+61):nth-child(-n+72):nth-child(odd),.gray .d-12x12 sg-board sq:nth-child(n+73):nth-child(-n+84):nth-child(even),.gray .d-12x12 sg-board sq:nth-child(n+85):nth-child(-n+96):nth-child(odd),.gray .d-12x12 sg-board sq:nth-child(n+97):nth-child(-n+108):nth-child(even),.gray .d-12x12 sg-board sq:nth-child(n+109):nth-child(-n+120):nth-child(odd),.gray .d-12x12 sg-board sq:nth-child(n+121):nth-child(-n+132):nth-child(even),.gray .d-12x12 sg-board sq:nth-child(n+133):nth-child(-n+144):nth-child(odd){background:#d1d1d1 !important}.gray #dasher_app .piece .list{background:#878787}.gray .preload sg-squares{background-image:none;background:repeating-conic-gradient(#d1d1d1 0% 25%, transparent 0% 50%) 0/calc(200% / 9) calc(200% / 9);background-position:100% 100%}.gray .preload.d-5x5 sg-squares{background:repeating-conic-gradient(#d1d1d1 0% 25%, transparent 0% 50%) 0/calc(200% / 5) calc(200% / 5);background-position:100% 100%}.gray .preload.d-12x12 sg-squares{background:repeating-conic-gradient(#d1d1d1 0% 25%, transparent 0% 50%) 0/calc(200% / 12) calc(200% / 12);background-position:100% 100%}@media (min-width: 800px), (orientation: landscape){.gray sg-hand{background-color:#bcbcbc}}.blue sg-board{background-color:#617a8e}.blue sg-board sq:nth-child(odd){background:#617a8e !important}.blue sg-board sq:nth-child(even){background:#99aec2 !important}.blue .d-9x9 sg-board sq:nth-child(-2n+26),.blue .d-9x9 sg-board sq:nth-child(2n+56){background:#91a4b6 !important}.blue .d-12x12 sg-board sq{background:#617a8e !important}.blue .d-12x12 sg-board sq:nth-child(-n+12):nth-child(even),.blue .d-12x12 sg-board sq:nth-child(n+12):nth-child(-n+24):nth-child(odd),.blue .d-12x12 sg-board sq:nth-child(n+25):nth-child(-n+36):nth-child(even),.blue .d-12x12 sg-board sq:nth-child(n+37):nth-child(-n+48):nth-child(odd),.blue .d-12x12 sg-board sq:nth-child(n+49):nth-child(-n+60):nth-child(even),.blue .d-12x12 sg-board sq:nth-child(n+61):nth-child(-n+72):nth-child(odd),.blue .d-12x12 sg-board sq:nth-child(n+73):nth-child(-n+84):nth-child(even),.blue .d-12x12 sg-board sq:nth-child(n+85):nth-child(-n+96):nth-child(odd),.blue .d-12x12 sg-board sq:nth-child(n+97):nth-child(-n+108):nth-child(even),.blue .d-12x12 sg-board sq:nth-child(n+109):nth-child(-n+120):nth-child(odd),.blue .d-12x12 sg-board sq:nth-child(n+121):nth-child(-n+132):nth-child(even),.blue .d-12x12 sg-board sq:nth-child(n+133):nth-child(-n+144):nth-child(odd){background:#99aec2 !important}.blue #dasher_app .piece .list{background:#617a8e}.blue .preload sg-squares{background-image:none;background:repeating-conic-gradient(#99aec2 0% 25%, transparent 0% 50%) 0/calc(200% / 9) calc(200% / 9);background-position:100% 100%}.blue .preload.d-5x5 sg-squares{background:repeating-conic-gradient(#99aec2 0% 25%, transparent 0% 50%) 0/calc(200% / 5) calc(200% / 5);background-position:100% 100%}.blue .preload.d-12x12 sg-squares{background:repeating-conic-gradient(#99aec2 0% 25%, transparent 0% 50%) 0/calc(200% / 12) calc(200% / 12);background-position:100% 100%}@media (min-width: 800px), (orientation: landscape){.blue sg-hand{background-color:#8a9daf}}.blue sg-squares,.gray sg-squares{border:none}.blue sg-squares sq,.gray sg-squares sq{border:none}.blue sg-squares sq::after,.gray sg-squares sq::after{content:unset !important}.blue sg-squares sq:not([class='']),.gray sg-squares sq:not([class='']){position:relative}.blue sg-squares sq:not([class=''])::before,.gray sg-squares sq:not([class=''])::before{content:'';position:absolute;width:100%;height:100%}.blue sg-squares sq:not([class='']).dest::before,.gray sg-squares sq:not([class='']).dest::before{background:radial-gradient(rgba(20,85,30,0.5) 19%, rgba(0,0,0,0) 20%)}.blue sg-squares sq:not([class='']).pre-dest::before,.gray sg-squares sq:not([class='']).pre-dest::before{background:radial-gradient(rgba(20,30,85,0.5) 19%, rgba(0,0,0,0) 20%)}.blue sg-squares sq:not([class='']).oc.dest::before,.gray sg-squares sq:not([class='']).oc.dest::before{background:radial-gradient(transparent 0%, transparent 80%, rgba(20,85,0,0.3) 80%)}.blue sg-squares sq:not([class='']).oc.pre-dest::before,.gray sg-squares sq:not([class='']).oc.pre-dest::before{background:radial-gradient(transparent 0%, transparent 80%, rgba(20,30,85,0.2) 80%)}.blue sg-squares sq:not([class='']).last-dest::before,.gray sg-squares sq:not([class='']).last-dest::before{background-color:rgba(155,199,0,0.41)}.blue sg-squares sq:not([class='']).check::before,.gray sg-squares sq:not([class='']).check::before{background:radial-gradient(ellipse at center, red 0%, #e70000 25%, rgba(169,0,0,0) 89%, rgba(158,0,0,0) 100%)}.blue sg-squares sq:not([class='']).selected::before,.gray sg-squares sq:not([class='']).selected::before{background-color:rgba(20,85,30,0.5)}.blue sg-squares sq:not([class='']).preselected::before,.blue sg-squares sq:not([class='']).current-pre::before,.gray sg-squares sq:not([class='']).preselected::before,.gray sg-squares sq:not([class='']).current-pre::before{background-color:rgba(20,30,85,0.5)}.blue sg-squares sq:not([class='']).dest.hover::before,.gray sg-squares sq:not([class='']).dest.hover::before{background:rgba(20,85,30,0.3)}.blue sg-squares sq:not([class='']).pre-dest.hover::before,.gray sg-squares sq:not([class='']).pre-dest.hover::before{background:rgba(20,30,85,0.2)}.blue sg-squares sq:not([class='']).force-selected:not(.selected)::before,.gray sg-squares sq:not([class='']).force-selected:not(.selected)::before{animation:selected 1s ease-in-out infinite alternate}.blue sg-hand,.gray sg-hand{border:none}.blue.coords-edge .main-board .sg-wrap,.gray.coords-edge .main-board .sg-wrap{border:none}.natural sg-board,.natural dasher_app .piece .list{background-color:#ffd890}@media (min-width: 800px), (orientation: landscape){.natural sg-hand{background-color:#ffd890}}.orange sg-board,.orange dasher_app .piece .list{background-color:#f4bf57}@media (min-width: 800px), (orientation: landscape){.orange sg-hand{background-color:#f4bf57}}.space sg-squares,.space sg-squares sq,.space.coords-edge .main-board .sg-wrap,.space sg-hand{border-color:#eee}.space sg-squares sq::after{background-color:#eee !important}.space .sg-wrap.preload sg-squares{background-image:linear-gradient(to right, #eee 1px, transparent 1px),linear-gradient(to bottom, #eee 1px, transparent 1px)}.doubutsu .orientation-gote sg-board{background-image:url(../images/boards/doubutsu_flip.png)}.doubutsu sg-squares{border-top:2px dashed #bb645c;border-left:2px dashed #bb645c}.doubutsu sg-squares sq{border-right:2px dashed #bb645c;border-bottom:2px dashed #bb645c}.doubutsu sg-squares sq::after{content:unset !important}.doubutsu .preload sg-squares{border-bottom:2px dashed #bb645c;border-right:2px dashed #bb645c;background-image:none}@media (min-width: 800px), (orientation: landscape){.doubutsu .orientation-gote sg-hand{background-image:url(../images/boards/doubutsu_flip.png)}.doubutsu sg-hand,.doubutsu.coords-edge .main-board .sg-wrap{border:2px dashed #bb645c}}.custom #dasher_app .piece .list{background-color:var(--c-board-color, #252422);background-image:var(--c-board-url, none)}.custom sg-board{background-color:var(--c-board-color, #252422);background-image:var(--c-board-url, none)}.custom sg-board sg-squares{border-top:1px solid var(--c-grid-color, #bfbfbf);border-left:1px solid var(--c-grid-color, #bfbfbf)}.custom sg-board sq{border-bottom:1px solid var(--c-grid-color, #bfbfbf);border-right:1px solid var(--c-grid-color, #bfbfbf)}.custom sg-board sq::after{background-color:var(--c-grid-color, #bfbfbf) !important}@media (min-width: 800px), (orientation: landscape){.custom sg-hand{background-color:var(--c-hands-color, #252422);background-image:var(--c-hands-url, none);border:1px solid var(--c-grid-color, #bfbfbf)}.custom.coords-edge .main-board .sg-wrap{border:1px solid var(--c-grid-color, #bfbfbf)}}.custom .preload sg-squares{border-top:unset;border-left:unset;border-bottom:1px solid var(--c-grid-color, #bfbfbf);border-right:1px solid var(--c-grid-color, #bfbfbf);background-image:linear-gradient(to right, var(--c-grid-color, #bfbfbf) 1px, transparent 1px),linear-gradient(to bottom, var(--c-grid-color, #bfbfbf) 1px, transparent 1px)}.custom.grid-width-0 .sg-wrap{border-width:0}.custom.grid-width-0 .sg-wrap sg-squares{border-width:0}.custom.grid-width-0 .sg-wrap sg-squares sq{border-width:0}.custom.grid-width-0 .sg-wrap sg-squares sq::after{content:unset !important}.custom.grid-width-0 .sg-wrap.preload sg-squares{background-image:none}.custom.grid-width-0 sg-hand{border-width:0}.custom.grid-width-2 .sg-wrap{border-width:2px}.custom.grid-width-2 .sg-wrap sg-squares{border-width:2px}.custom.grid-width-2 .sg-wrap sg-squares sq{border-width:2px}.custom.grid-width-2 .sg-wrap sg-squares sq::after{margin:-6px !important;width:10px !important;height:10px !important}.custom.grid-width-2 .sg-wrap.preload sg-squares{background-image:linear-gradient(to right, var(--c-grid-color, #bfbfbf) 2px, transparent 2px),linear-gradient(to bottom, var(--c-grid-color, #bfbfbf) 2px, transparent 2px)}.custom.grid-width-2 sg-hand{border-width:2px}.custom.grid-width-3 .sg-wrap{border-width:3px}.custom.grid-width-3 .sg-wrap sg-squares{border-width:3px}.custom.grid-width-3 .sg-wrap sg-squares sq{border-width:3px}.custom.grid-width-3 .sg-wrap sg-squares sq::after{margin:-7px !important;width:12px !important;height:12px !important}.custom.grid-width-3 .sg-wrap.preload sg-squares{background-image:linear-gradient(to right, var(--c-grid-color, #bfbfbf) 3px, transparent 3px),linear-gradient(to bottom, var(--c-grid-color, #bfbfbf) 3px, transparent 3px)}.custom.grid-width-3 sg-hand{border-width:3px}.thick-grid:not(.custom) .sg-wrap{border-width:2px}.thick-grid:not(.custom) .sg-wrap sg-squares{border-width:2px}.thick-grid:not(.custom) .sg-wrap sg-squares sq{border-width:2px}.thick-grid:not(.custom) .sg-wrap sg-squares sq::after{margin:-5px !important;width:8px !important;height:8px !important}.thick-grid:not(.custom) sg-hand{border-width:2px}@media (min-width: 2501px){sg-squares,sg-squares sq,sg-hand,.coords-edge .main-board .sg-wrap{border-width:2px}body:not(.custom) sg-squares sq::after{margin:-6px !important;width:10px !important;height:10px !important}.thick-grid:not(.custom) .sg-wrap{border-width:3px}.thick-grid:not(.custom) .sg-wrap sg-squares{border-width:3px}.thick-grid:not(.custom) .sg-wrap sg-squares sq{border-width:3px}.thick-grid:not(.custom) .sg-wrap sg-squares sq::after{margin:-7px !important;width:12px !important;height:12px !important}.thick-grid:not(.custom) sg-hand{border-width:3px}}.sg-hand-wrap,sg-hand-wrap{position:relative;width:77%;height:0;padding-bottom:calc(77% / 7 / 11 * 12 + 1px)}.sg-hand-wrap.hand-bottom,sg-hand-wrap.hand-bottom{margin-left:23%}@media (min-width: 800px), (orientation: landscape){.sg-hand-wrap,sg-hand-wrap{width:100%;padding-bottom:calc(100% / 7 / 11 * 12 + 1px)}.sg-hand-wrap.hand-bottom,sg-hand-wrap.hand-bottom{margin-left:unset}}.sg-hand-wrap.hand-top sg-hand,sg-hand-wrap.hand-top sg-hand{background-position:top right}.sg-hand-wrap.hand-bottom sg-hand,sg-hand-wrap.hand-bottom sg-hand{background-position:bottom right}.sg-hand-wrap sg-hand,sg-hand-wrap sg-hand{display:flex;flex-wrap:wrap;position:absolute;align-items:center;justify-content:space-between;flex-direction:row-reverse;width:100%;height:100%;top:0;left:0;background-size:cover}.board-layout-1 .sg-hand-wrap sg-hand.promotion,.board-layout-1 sg-hand-wrap sg-hand.promotion{opacity:0.6}.sg-hand-wrap sg-hand.promotion::after,sg-hand-wrap sg-hand.promotion::after{content:'';position:absolute;width:100%;height:100%;background-color:#0000003f;z-index:2}.board-layout-1 .sg-hand-wrap sg-hand.promotion::after,.board-layout-1 sg-hand-wrap sg-hand.promotion::after{content:unset;z-index:unset}.sg-hand-wrap sg-hand sg-hp-wrap,sg-hand-wrap sg-hand sg-hp-wrap{position:relative;flex:1 0 14%;height:100%}.sg-hand-wrap sg-hand sg-hp-wrap.selected,sg-hand-wrap sg-hand sg-hp-wrap.selected{opacity:1;background-color:rgba(20,85,30,0.5)}.sg-hand-wrap sg-hand sg-hp-wrap.preselected,sg-hand-wrap sg-hand sg-hp-wrap.preselected{opacity:1;background-color:rgba(20,30,85,0.5)}.sg-hand-wrap sg-hand sg-hp-wrap.current-pre,sg-hand-wrap sg-hand sg-hp-wrap.current-pre{background-color:rgba(20,30,85,0.5)}.sg-hand-wrap sg-hand sg-hp-wrap[data-nb='0']:not(.drawing),sg-hand-wrap sg-hand sg-hp-wrap[data-nb='0']:not(.drawing){opacity:0.2}.board-layout-1 .sg-hand-wrap sg-hand sg-hp-wrap[data-nb='0']:not(.drawing),.board-layout-1 sg-hand-wrap sg-hand sg-hp-wrap[data-nb='0']:not(.drawing){opacity:0.1}.clear-hands .sg-hand-wrap sg-hand sg-hp-wrap[data-nb='0']:not(.drawing),.clear-hands sg-hand-wrap sg-hand sg-hp-wrap[data-nb='0']:not(.drawing){opacity:0}.sg-hand-wrap sg-hand sg-hp-wrap:after,sg-hand-wrap sg-hand sg-hp-wrap:after{content:attr(data-nb);position:absolute;bottom:2px;right:1px;line-height:0.85em;padding:3px 0.3em;font-weight:bold;font-size:1.3em;border:1px solid #bfbfbf;background-color:#252422;color:#e3e3e3;cursor:pointer;z-index:2}.sg-hand-wrap sg-hand sg-hp-wrap[data-nb='0']:not(.selected):not(.drawing)::after,sg-hand-wrap sg-hand sg-hp-wrap[data-nb='0']:not(.selected):not(.drawing)::after{content:none}.sg-hand-wrap sg-hand sg-hp-wrap.drawing:before,sg-hand-wrap sg-hand sg-hp-wrap.drawing:before{content:'';position:absolute;top:3px;left:0;width:12%;height:12%;background-color:#6b6b6b;border-radius:50%}.sg-hand-wrap sg-hand sg-hp-wrap piece,sg-hand-wrap sg-hand sg-hp-wrap piece{cursor:pointer;height:200%;width:200%;margin:calc(-50% / 11 * 12) -50%;transform:scale(0.5);pointer-events:auto;z-index:1}.sg-hand-wrap.r-5,sg-hand-wrap.r-5{width:100%;padding-bottom:calc(100% / 5 / 11 * 12 + 1px);margin-left:0}.sg-hand-wrap.r-5 sg-hand sg-hp-wrap piece,sg-hand-wrap.r-5 sg-hand sg-hp-wrap piece{flex:1 0 20%}.sg-hand-wrap.r-4,sg-hand-wrap.r-4{width:100%;padding-bottom:calc(100% / 4 / 11 * 12 + 1px);margin-left:0}.sg-hand-wrap.r-4 sg-hand sg-hp-wrap piece,sg-hand-wrap.r-4 sg-hand sg-hp-wrap piece{flex:1 0 25%}@media (min-width: 800px), (orientation: landscape){.board-layout-1 .sg-hand-wrap:not(.inlined){padding-bottom:unset;width:100%;height:calc(100% / 9 * 7)}.board-layout-1 .sg-hand-wrap:not(.inlined) sg-hand{flex-direction:column-reverse}.board-layout-1 .sg-hand-wrap:not(.inlined) sg-hand sg-hp-wrap{width:100%}.board-layout-1 .sg-hand-wrap:not(.inlined).hand-bottom{align-self:flex-end}.board-layout-1 .sg-hand-wrap:not(.inlined).hand-bottom sg-hand{flex-direction:column}.board-layout-1 .sg-hand-wrap:not(.inlined).r-5{height:calc(100% / 9 * 5)}.board-layout-1 .sg-hand-wrap:not(.inlined).r-4{height:calc(100% / 9 * 4)}}.board-layout-1:not(.hands-background) .sg-hand-wrap:not(.inlined) sg-hand{background-image:none;background-color:transparent;border:none}.sg-shapes{z-index:3}.sg-shapes>g>g{opacity:0.8}.sg-shapes ellipse{fill:none}.sg-shapes g.current line{opacity:0.7}.sg-shapes g.outside line{opacity:0.4}.sg-shapes .description text{font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:50%;fill:white}.sg-shapes g.primary ellipse{stroke:#15781b}.sg-shapes g.primary line{stroke:#15781b}.sg-shapes marker#arrowhead-primary path{fill:#15781b}.sg-shapes g.primary g.description ellipse{fill:#15781b}.sg-shapes g.alternative0 ellipse{stroke:#882020}.sg-shapes g.alternative0 line{stroke:#882020}.sg-shapes marker#arrowhead-alternative0 path{fill:#882020}.sg-shapes g.alternative0 g.description ellipse{fill:#882020}.sg-shapes g.alternative1 ellipse{stroke:#003088}.sg-shapes g.alternative1 line{stroke:#003088}.sg-shapes marker#arrowhead-alternative1 path{fill:#003088}.sg-shapes g.alternative1 g.description ellipse{fill:#003088}.sg-shapes g.alternative2 ellipse{stroke:#e68f00}.sg-shapes g.alternative2 line{stroke:#e68f00}.sg-shapes marker#arrowhead-alternative2 path{fill:#e68f00}.sg-shapes g.alternative2 g.description ellipse{fill:#e68f00}.sg-shapes g.engine ellipse{stroke:#003088}.sg-shapes g.engine line{stroke:#003088}.sg-shapes marker#arrowhead-engine path{fill:#003088}.sg-shapes g.engine g.description ellipse{fill:#003088}.sg-shapes g.engineAlt ellipse{stroke:#003088}.sg-shapes g.engineAlt line{stroke:#003088}.sg-shapes marker#arrowhead-engineAlt path{fill:#003088}.sg-shapes g.engineAlt g.description ellipse{fill:#003088}.sg-shapes g.engineThreat ellipse{stroke:#882020}.sg-shapes g.engineThreat line{stroke:#882020}.sg-shapes marker#arrowhead-engineThreat path{fill:#882020}.sg-shapes g.engineThreat g.description ellipse{fill:#882020}.sg-shapes g.engineThreatAlt ellipse{stroke:#882020}.sg-shapes g.engineThreatAlt line{stroke:#882020}.sg-shapes marker#arrowhead-engineThreatAlt path{fill:#882020}.sg-shapes g.engineThreatAlt g.description ellipse{fill:#882020}.sg-shapes g.green ellipse{stroke:#15781b}.sg-shapes g.green line{stroke:#15781b}.sg-shapes marker#arrowhead-green path{fill:#15781b}.sg-shapes g.green g.description ellipse{fill:#15781b}.sg-shapes g.red ellipse{stroke:#882020}.sg-shapes g.red line{stroke:#882020}.sg-shapes marker#arrowhead-red path{fill:#882020}.sg-shapes g.red g.description ellipse{fill:#882020}.sg-shapes g.yellow ellipse{stroke:#e68f00}.sg-shapes g.yellow line{stroke:#e68f00}.sg-shapes marker#arrowhead-yellow path{fill:#e68f00}.sg-shapes g.yellow g.description ellipse{fill:#e68f00}.sg-shapes g.blue ellipse{stroke:#003088}.sg-shapes g.blue line{stroke:#003088}.sg-shapes marker#arrowhead-blue path{fill:#003088}.sg-shapes g.blue g.description ellipse{fill:#003088}.sg-shapes g.suggest ellipse{stroke:#14551e}.sg-shapes g.suggest line{stroke:#14551e}.sg-shapes marker#arrowhead-suggest path{fill:#14551e}.sg-shapes g.suggest g.description ellipse{fill:#14551e}.sg-shapes g.pre-suggest ellipse{stroke:#141e55}.sg-shapes g.pre-suggest line{stroke:#141e55}.sg-shapes marker#arrowhead-pre-suggest path{fill:#141e55}.sg-shapes g.pre-suggest g.description ellipse{fill:#141e55}.sg-shapes g.confirm ellipse{stroke:#14551e}.sg-shapes g.confirm line{stroke:#14551e}.sg-shapes marker#arrowhead-confirm path{fill:#14551e}.sg-shapes g.confirm g.description ellipse{fill:#14551e}.sg-shapes g.pre-confirm ellipse{stroke:#141e55}.sg-shapes g.pre-confirm line{stroke:#141e55}.sg-shapes marker#arrowhead-pre-confirm path{fill:#141e55}.sg-shapes g.pre-confirm g.description ellipse{fill:#141e55}.blue .sg-shapes g.engine ellipse,.space .sg-shapes g.engine ellipse,.kinkaku .sg-shapes g.engine ellipse{stroke:#e68f00}.blue .sg-shapes g.engine line,.space .sg-shapes g.engine line,.kinkaku .sg-shapes g.engine line{stroke:#e68f00}.blue .sg-shapes marker#arrowhead-engine path,.space .sg-shapes marker#arrowhead-engine path,.kinkaku .sg-shapes marker#arrowhead-engine path{fill:#e68f00}.blue .sg-shapes g.engineAlt ellipse,.space .sg-shapes g.engineAlt ellipse,.kinkaku .sg-shapes g.engineAlt ellipse{stroke:#e68f00}.blue .sg-shapes g.engineAlt line,.space .sg-shapes g.engineAlt line,.kinkaku .sg-shapes g.engineAlt line{stroke:#e68f00}.blue .sg-shapes marker#arrowhead-engineAlt path,.space .sg-shapes marker#arrowhead-engineAlt path,.kinkaku .sg-shapes marker#arrowhead-engineAlt path{fill:#e68f00}.sg-shapes g.engine,.sg-shapes g.engineThreat{opacity:0.6}.sg-shapes g.engineAlt,.sg-shapes g.engineThreatAlt{opacity:0.35}.sg-shapes g.suggest,.sg-shapes g.pre-suggest{opacity:0.4}.sg-shapes g.confirm,.sg-shapes g.pre-confirm{opacity:0.9}sg-board{display:block;background-size:cover;top:0}sg-squares,sg-pieces,sg-promotion{top:0;left:0;display:block;line-height:0;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;box-sizing:border-box}.manipulable sg-pieces{cursor:pointer}sg-squares{display:grid;justify-content:space-between;grid-template:repeat(9, 1fr)/repeat(9, 1fr);pointer-events:none}.d-5x5 sg-squares{grid-template:repeat(5, 1fr)/repeat(5, 1fr)}.d-12x12 sg-squares{grid-template:repeat(12, 1fr)/repeat(12, 1fr)}sg-squares sq.dest{background:radial-gradient(rgba(20,85,30,0.5) 19%, rgba(0,0,0,0) 20%)}sg-squares sq.pre-dest{background:radial-gradient(rgba(20,30,85,0.5) 19%, rgba(0,0,0,0) 20%)}sg-squares sq.oc.dest{background:radial-gradient(transparent 0%, transparent 80%, rgba(20,85,0,0.3) 80%)}sg-squares sq.oc.pre-dest{background:radial-gradient(transparent 0%, transparent 80%, rgba(20,30,85,0.2) 80%)}sg-squares sq.last-dest{background-color:rgba(155,199,0,0.41)}sg-squares sq.check{background:radial-gradient(ellipse at center, red 0%, #e70000 25%, rgba(169,0,0,0) 89%, rgba(158,0,0,0) 100%)}sg-squares sq.selected{background-color:rgba(20,85,30,0.5)}sg-squares sq.preselected,sg-squares sq.current-pre{background-color:rgba(20,30,85,0.5)}sg-squares sq.dest.hover{background:rgba(20,85,30,0.3)}sg-squares sq.pre-dest.hover{background:rgba(20,30,85,0.2)}sg-squares sq.force-selected:not(.selected){animation:selected 1s ease-in-out infinite alternate}piece{position:absolute;top:0;left:0;width:calc(200% / 9);height:calc(200% / 9);margin:calc(-50% / 11 * 12 / 9) calc(-50% / 9);transform:scale(0.5);background-size:cover;background-position:center;background-repeat:no-repeat;pointer-events:none;z-index:2}.d-5x5 piece{width:calc(200% / 5);height:calc(200% / 5);margin:calc(-50% / 11 * 12 / 5) calc(-50% / 5)}.d-12x12 piece{width:calc(200% / 12);height:calc(200% / 12);margin:calc(-50% / 11) calc(-50% / 12)}piece.anim{z-index:4}piece.fading{z-index:1;opacity:0.5}piece.ghost{opacity:0.3}piece.dragging{cursor:move;z-index:102 !important}piece.dragging.touch{top:-50px}sg-square-over{position:absolute;box-sizing:content-box;top:0;left:0;width:calc(100% / 9);height:calc(100% / 9);background:#00000050;border-radius:50%;padding:6%;margin:-6%;will-change:transform;pointer-events:none;z-index:3}.d-5x5 sg-square-over{width:calc(100% / 5);height:calc(100% / 5)}.d-12x12 sg-square-over{width:calc(100% / 12);height:calc(100% / 12)}sg-promotion{z-index:5;background-color:#0000003f}sg-promotion.active{display:block;pointer-events:auto}sg-promotion sg-promotion-square{position:absolute;top:0;left:0;width:calc(100% / 9);height:calc(100% / 9)}.d-5x5 sg-promotion sg-promotion-square{width:calc(100% / 5);height:calc(100% / 5)}.d-12x12 sg-promotion sg-promotion-square{width:calc(100% / 12);height:calc(100% / 12)}sg-promotion sg-promotion-square sg-promotion-choices{display:flex;flex-direction:column;background-color:#252422;box-shadow:3px 3px 7px #000000aa;border-radius:10px;cursor:pointer;width:100%;height:200%}sg-promotion sg-promotion-square sg-promotion-choices piece{display:block;position:relative;transform:scale(0.5);width:200% !important;height:100% !important;margin:calc(-50%) !important;pointer-events:auto}sg-promotion sg-promotion-square sg-promotion-choices.reversed{margin:calc(-100% / 11 * 12) 0;flex-direction:column-reverse}svg.sg-shapes,svg.sg-custom-svgs{overflow:visible;top:0px;left:0px;pointer-events:none}.sg-custom-svgs{z-index:4}.sg-custom-svgs svg{overflow:visible}sg-free-pieces piece{z-index:2;opacity:0.7}@keyframes selected{from{background-color:transparent}to{background-color:rgba(20,85,30,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:#a3a3a3}}@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:#252422}.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:#252422;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:#bfbfbf;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}.new-feature{position:relative}.new-feature:after{content:'NEW';font-size:0.7rem;transform:rotate(37deg);position:absolute;color:#d64f00;font-weight:bold}}@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:#a3a3a3;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}}@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:#383633;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:#383633;color:#ccc;border-color:#3692e7}#topnav.hover section:hover div,#topnav section:active div{visibility:visible;max-height:none}.new-feature{position:relative}.new-feature:after{content:'NEW';font-size:0.7rem;transform:rotate(37deg);position:absolute;color:#d64f00;font-weight:bold;top:5px;right:5px}}.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}}.site-title a{color:#bfbfbf;text-decoration:none}.site-title a:hover{color:#3692e7}.site-title a:hover span{color:#2e7cc5}.site-title span{color:#a3a3a3}.site-title span.site-beta{color:#6b6b6b;position:relative;top:-16px;margin-left:5px;font-size:14px}.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 .header-langs button{padding:0.3rem;border:none;border-radius:0;background:none;-webkit-appearance:none}.site-buttons .link{color:#bfbfbf;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;margin:auto}.site-buttons .dropdown{display:none;position:absolute;right:0;top:var(--dropdown-top);background:#383633;z-index:108}.site-buttons .dropdown a,.site-buttons .dropdown button{color:#ccc}.site-buttons .shown .toggle{background:#383633;color:#ccc}.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 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}#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{padding-bottom:calc(100% / 11 * 12);align-self:center}.main-board .sg-wrap{box-sizing:border-box}.mini-board{padding-bottom:calc(100% * 12 / 9)}.mini-board sg-board{top:calc(100% / 11);height:calc(100% / 11 * 9)}.mini-board sg-board sg-squares sq::after{width:3px !important;height:3px !important;margin:-2px !important}.grid-width-2 .mini-board sg-board sg-squares sq::after,.thick-grid:not(.custom) .mini-board sg-board sg-squares sq::after{width:6px !important;height:6px !important;margin:-4px !important}.grid-width-3 .mini-board sg-board sg-squares sq::after{width:8px !important;height:8px !important;margin:-5px !important}.mini-board sg-hand-wrap{position:absolute;width:100%;height:calc(100% / 11);padding:0 !important;left:0}.mini-board sg-hand-wrap.hand-top{top:0;margin:unset}.mini-board sg-hand-wrap.hand-top sg-hand{justify-content:start}.mini-board sg-hand-wrap.hand-bottom{top:calc(100% / 11 * 10);margin:unset}.mini-board sg-hand-wrap.hand-bottom sg-hand{justify-content:end}.mini-board sg-hand-wrap sg-hand{background:transparent;border:none;display:flex}.mini-board sg-hand-wrap sg-hand sg-hp-wrap{position:relative;flex:none;width:calc(100% / 9);height:100%}.mini-board sg-hand-wrap sg-hand sg-hp-wrap piece{width:200%;height:200%;margin:calc(-50% / 11 * 12) -50%}.mini-board sg-hand-wrap sg-hand sg-hp-wrap::after{bottom:0;right:0;font-size:1em;padding:2px}.mini-board.d-5x5{padding-bottom:calc(100% * 7 / 5 * 12 / 11)}.mini-board.d-5x5 sg-board{top:calc(100% / 7);height:calc(100% / 7 * 5)}.mini-board.d-5x5 sg-hand-wrap{height:calc(100% / 7)}.mini-board.d-5x5 sg-hand-wrap.hand-bottom{top:calc(100% / 7 * 6)}.mini-board.d-5x5 sg-hand-wrap sg-hand sg-hp-wrap{width:calc(100% / 5)}.mini-board.d-12x12{padding-bottom:calc(100% * 12 / 11);margin-top:calc(100% * 12 / 9 / 11);margin-bottom:calc(100% * 12 / 9 / 11)}.mini-board.d-12x12 sg-board{top:0;height:calc(100%)}.box{background:#252422}.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;transition:all 150ms;white-space:nowrap}.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{color:#a3a3a3}.button.button-metal:not(.disabled):hover{color:#bfbfbf}.button.disabled{opacity:0.5;cursor:not-allowed}.button.active{color:#fff}.button.active:not(.disabled):hover{color:#fff}.user-link{color:#bfbfbf}.user-link.online .line{color:#629924;opacity:0.9}.user-link.online .line::before{content:''}.user-link.online .line.patron{opacity:1}.user-link .player-color{font-family:lishogi;font-size:1.2em}.user-link .player-color.sente::before{content:'☖'}.user-link .player-color.gote::before{content:'☗'}.user-link .line{color:#bfbfbf;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:#bf811d;font-weight:bold}.user-link .title[data-bot]{color:#b72fc6}a.user-link:hover{color:#3692e7}#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:#383633;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%;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:#3c4031}#friend_box .content a{flex:1 1 100%;padding:3px 0px;display:block;transition:background 0.13s}#friend_box .content a:hover{color:#bfbfbf}#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:#383633;display:none;position:absolute;z-index:120}#powerTip .mini-board{border-width:0 0 1px 0}.upt__info{height:83px;padding:4px 5px 4px 2px;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.2em 0.5em;margin:0}.upt__game-legend{padding:0.2em 1em}#miniGame{min-height:262px}#miniGame .spinner{margin:82px auto 0 auto}#miniGame sg-board{border-radius:0}.vstext{border-radius:0px 3px;padding:0.3em 0.6em;color:#bfbfbf}.vstext__center{text-align:center}.vstext__pl,.vstext__op{max-width:45%}.vstext__pl{text-align:left}.vstext__op{text-align:right}.btn-rack{display:inline-flex;align-items:center;border:1px solid #404040;-webkit-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:#bfbfbf}.btn-rack__btn:hover,.btn-rack form:hover{color:#bfbfbf}.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}@keyframes spinner-dash{0%{stroke-dashoffset:0}50%{stroke-dashoffset:161}100%{stroke-dashoffset:322}}.spinner{width:80px;height:80px;margin:auto}.spinner path{stroke-linecap:round;stroke-dasharray:161;stroke-dashoffset:0;stroke:#bfbfbf;animation:spinner-dash 2.5s ease-in-out infinite}@keyframes ddloader{0%{background-position:left}100%{background-position:right}}.ddloader{background:url("../images/loader/whitex1.png") no-repeat;animation:ddloader 0.5s steps(15) infinite;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:'J'}#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}