.piece-letter u8t{font-family:'Noto Sans', Sans-Serif}
u8t draw,.mchat__tab,.mchat__messages a:not(.user-link),.game__tournament .clock,.rclock .time,i5z{font-family:'Roboto', Sans-Serif}
u8t{font-family:'Noto Sans'}
u8t draw{margin-left:1ch;font-weight:normal}
.chat__members,.rclock .tour-rank,.round__now-playing .now-playing{color:#999}
.crosstable__users,.crosstable__score,.crosstable povs:hover,.cmn-toggle+label::after,.rcontrols .rematch.fbt,#powerTip .forecast-info .title{background:linear-gradient(to bottom, #3c3934, #33312e 100%)}
.cmn-toggle:hover:not(:disabled)+label::after{background:linear-gradient(to bottom, #44413b, #3b3935 100%);color:#ccc}
.variant-racingKings .cg-wrap.cg-wrap cg-container::before{box-shadow:0 14px 28px rgba(0,0,0,0.25),0 10px 10px rgba(0,0,0,0.22)}
.fbt{background:none;border:none;outline:none;color:#bababa}
.mchat__tab input{-webkit-appearance:none;background:#161512;border:1px solid #3c3934;display:inline-block;padding:0.5em}
.mchat__tab input:checked{background:#3b5c16;border-color:#4f7a1d}
.cmn-toggle:focus:not(:disabled)+label,.cmn-toggle:hover:not(:disabled)+label{box-shadow:0 0 12px #999}
.context-streamer,.mchat__tab{white-space:nowrap;overflow:hidden}
.mchat__tab span,.game__meta .user-tv{white-space:nowrap}
.mchat__messages{overflow-wrap:break-word;word-break:break-word}
.mchat__tab span,.game__meta .user-tv,.crosstable__users,.ruser a{overflow:hidden;text-overflow:ellipsis}
.cmn-toggle+label::before{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}
.cmn-toggle,rm6{touch-action:manipulation}
.expiration,.rclock .tour-rank,.rclock .moretime,.rclock .berserked,.rcontrols .suggestion,.round__now-playing .switcher{display:flex;flex-flow:row wrap;align-items:center}
.context-streamer,.chat__members__number,.game__meta__infos,.ruser .line,.material,.rcontrols .pending,.rcontrols .negotiation,.rcontrols .rematch-decline,.keyboard-move{display:flex;flex-flow:row nowrap;align-items:center}
.round__now-playing h3{display:flex;flex-flow:row wrap;align-items:center;justify-content:space-between}
.crosstable povs,.crosstable__users,.crosstable__score,.crosstable__matchup,.mchat,.mchat__content,.round__side,rm6,.rcontrols .follow-up{display:flex;flex-flow:column}
.mchat__tab input,.crosstable,.mchat,.game__meta{border-radius:3px}
.crosstable,.mchat,.game__meta{overflow:hidden}
.crosstable .sep{border-radius:3px 0 0 3px}
.round__app__table,.rcontrols .rematch-decline{border-radius:0 3px 3px 0}
.mchat__tab,.rclock-top .time{border-radius:3px 3px 0 0}
.context-streamer,.rclock-bottom .time{border-radius:0 0 3px 3px}
.crosstable,.mchat,.game__meta,.context-streamer,.round__app__table,.rclock .time,rm6 .buttons,.rcontrols .rematch-decline{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)}
coords{position:absolute;display:flex;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:#fff;text-shadow:0 1px 2px #000;font-weight:bold}
.coords-no coords{display:none}
coords{font-size:8px}
@media (min-width: 320px){coords{font-size:calc( 8px + 4 * ((100vw - 320px) / 880))}
}
@media (min-width: 1200px){coords{font-size:12px}
}
coords.ranks{flex-flow:column-reverse;top:1px;right:0;height:100%;width:0.8em}
coords.ranks.black{flex-flow:column}
coords.files{bottom:0px;left:0;text-align:left;flex-flow:row;width:100%;height:1.4em}
coords.files.black{flex-flow:row-reverse}
coords.files coord{padding-left:4px}
coords coord{flex:1 1 auto}
coords .is3d .cg-wrap coords coord{color:#fff !important;text-shadow:0 1px 2px #000 !important}
coords .is3d .cg-wrap coords.files{bottom:calc(1px - 2.5%)}
coords .is3d .cg-wrap coords.files coord{padding-left:3px}
:root{--cg-coord-color-white: #fff;--cg-coord-color-black: #fff;--cg-coord-shadow: 0 1px 2px #000}
coords{text-shadow:var(--cg-coord-shadow)}
.orientation-white .files coord:nth-child(2n+1),.orientation-white .ranks coord:nth-child(2n),.orientation-black .files coord:nth-child(2n),.orientation-black .ranks coord:nth-child(2n+1){color:var(--cg-coord-color-white)}
.orientation-white .files coord:nth-child(2n),.orientation-white .ranks coord:nth-child(2n+1),.orientation-black .files coord:nth-child(2n+1),.orientation-black .ranks coord:nth-child(2n){color:var(--cg-coord-color-black)}
@media (min-width: 800px), (orientation: landscape){.coords-out coords{text-shadow:none}
.coords-out coords.ranks{right:-15px;top:0;width:12px}
.coords-out coords.ranks coord{transform:translateY(42%)}
.coords-out coords.files{bottom:-15px;left:0;text-align:center}
.coords-out coords coord{color:#999 !important}
}
body{--board-scale: 1}
@media (min-width: 800px) and (min-height: 500px){body{--board-scale: calc((var(--zoom) / 100) * 0.7 + 0.3)}
}
@media (max-width: 799px) and (orientation: portrait){body{--col1: 1}
.main-board cg-board{border-radius:0}
}
body.resizing{-webkit-user-select:none;-moz-user-select:none;user-select:none}
cg-resize{display:none}
@media (min-width: 800px){cg-resize{display:block;position:absolute;right:-9px;bottom:-9px;width:22px;height:22px;cursor:nwse-resize;z-index:10}
cg-resize::before,cg-resize::after{background:#000;content:'';position:absolute;width:12px;height:1px}
cg-resize::before{width:5px;transform:translate(7px, 8px) rotate(-45deg)}
cg-resize::after{transform:translate(1px, 6px) rotate(-45deg)}
cg-resize:hover{border-radius:50%;background:rgba(214,79,0,0.5)}
.resizing cg-resize{border-radius:50%;background:rgba(98,153,36,0.5)}
}
.color-icon.white::before{content:''}
.color-icon.black::before{content:''}
.color-icon.random::before{content:''}
.crosstable__users{flex:1 1 auto}
.crosstable{width:100%;line-height:1.9em;display:flex}
.crosstable fill,.crosstable povs{background:#262421;flex:1 1 auto}
.crosstable povs,.crosstable__users,.crosstable__score,.crosstable__matchup{text-align:center}
.crosstable__users{max-width:40vw;text-align:left}
.crosstable__users a{padding-left:2vmin}
.crosstable__score{flex:0 0 auto;font-weight:bold}
.crosstable__score span{padding:0 2vmin}
.crosstable__matchup{flex:1 1 auto;font-weight:bold;background:#293a49}
.crosstable povs a{color:#999;flex:0 0 50%}
.crosstable povs:hover a{opacity:1 !important}
.crosstable povs a.loss{opacity:0.2}
.crosstable povs.current a{background:#a1420a;color:#fff;opacity:1 !important}
.crosstable povs.new{border:#404040}
.crosstable povs a.loss{opacity:0.2}
@media (max-width: 649px){.crosstable povs{display:none}
.crosstable povs:nth-last-child(-n+12){display:flex}
}
.crosstable .sep{border-left:1px solid #404040;margin-left:0.3em}
.crosstable .win{font-weight:bold;color:#629924}
.crosstable .loss{color:#c33}
.crosstable .unavailable{margin-top:40px;opacity:0.7}
.fbt{text-transform:uppercase;line-height:1.5;transition:all 150ms}
@media (hover: hover){.fbt:hover:not(.disabled):not([disabled]){background:#537c23;color:#fff}
}
.fbt.active{background:#629924 !important;color:#fff}
.fbt.disabled,.fbt[disabled]{opacity:0.5;cursor:default}
@-webkit-keyframes glowing{42%{background:none}
50%{background:#293a49}
58%{background:none}
}
@keyframes glowing{42%{background:none}
50%{background:#293a49}
58%{background:none}
}
.glowing{-webkit-animation:glowing 2s ease-in-out infinite;animation:glowing 2s ease-in-out infinite}
@-webkit-keyframes bar-glider-anim{0%{transform:translateX(-1300px)}
100%{transform:translateX(2100px)}
}
@keyframes bar-glider-anim{0%{transform:translateX(-1300px)}
100%{transform:translateX(2100px)}
}
.bar-glider{position:relative;overflow:hidden}
.bar-glider::after{content:'';position:absolute;top:0;bottom:0;left:0;width:70px;background:linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,0.3));-webkit-animation:bar-glider-anim 3s linear infinite;animation:bar-glider-anim 3s linear infinite}
.now-playing{display:grid;--np-min-width: 200px;grid-template-columns:repeat(auto-fill, minmax(var(--np-min-width), 1fr))}
@media (max-width: 499px){.now-playing{--np-min-width: 50%}
}
.now-playing>a{color:#bababa;padding:0.3em}
.now-playing .indicator{color:#d64f00;margin-top:-3px;display:block}
.now-playing cg-board{box-shadow:none}
.context-streamers{max-height:20vh;overflow-y:auto}
.context-streamer{height:2.2em;color:#fff !important;background:#44641d;transition:all 150ms}
.context-streamer::before{font-size:1.3em;margin-left:0.4em}
.context-streamer:hover{background:#537e20}
#zentog{position:absolute;padding:0.5em 1em;opacity:0.5;z-index:110;display:none;border-bottom-right-radius:3px}
body.playing.zen #zentog{display:block}
#zentog:hover{opacity:1}
.cmn-toggle{position:absolute;margin-left:-99999px}
.cmn-toggle+label{display:block;position:relative;cursor:pointer;outline:none;-webkit-user-select:none;-moz-user-select:none;padding:1px;width:40px;height:24px;border:1px solid #404040;border-radius:24px}
.cmn-toggle+label::before,.cmn-toggle+label::after{display:block;position:absolute;content:'';width:22px;height:22px;bottom:0;left:0}
.cmn-toggle+label::before{font-size:1em;z-index:1;text-align:center;line-height:22px}
.cmn-toggle+label::after{border-radius:100%;box-shadow:0 1px 2.5px rgba(0,0,0,0.3)}
.cmn-toggle:not(:checked)+label{background-color:#c33}
.cmn-toggle--subtle:not(:checked)+label{background-color:#6b6b6b}
.cmn-toggle:checked+label{background-color:#629924}
.cmn-toggle:disabled+label{opacity:60%;cursor:not-allowed !important}
.cmn-toggle:hover:not(:disabled)+label{transition:background 150ms}
.cmn-toggle:hover:not(:disabled)+label::before{transition:margin 150ms,color 150ms}
.cmn-toggle:hover:not(:disabled)+label::after{transition:margin 150ms}
.cmn-toggle:not(:checked)+label::before{content:'';color:#c33}
.cmn-toggle--subtle:not(:checked)+label::before{color:#6b6b6b}
.cmn-toggle:checked+label::before,.cmn-toggle:checked+label::after{margin-left:16px}
.cmn-toggle:checked+label::before{content:'';color:#629924}
.variant-racingKings .cg-wrap.cg-wrap cg-container::before{background:rgba(230,230,230,0.2);width:100%;height:12.5%;content:'';position:absolute;left:0;z-index:1;pointer-events:none}
.variant-racingKings .cg-wrap.orientation-white cg-container::before{top:0}
.variant-racingKings .cg-wrap.orientation-black cg-container::before{bottom:0}
.variant-kingOfTheHill cg-container::before{width:25%;height:25%;box-shadow:0 0 10px rgba(0,0,0,0.7);background:rgba(230,230,230,0.2);content:'';position:absolute;top:37.5%;left:37.5%;z-index:1;pointer-events:none}
#promotion-choice{background:rgba(22,21,18,0.7);z-index:205;position:absolute;width:var(--cg-width, 100%);height:var(--cg-height, 100%);right:0}
#promotion-choice square{cursor:pointer;border-radius:50%;background-color:#b0b0b0;box-shadow:inset 0 0 25px 3px #808080;transition:all 150ms}
#promotion-choice piece{pointer-events:auto;opacity:1}
.is2d #promotion-choice piece{width:100%;height:100%;transition:all 150ms;transform:scale(0.8)}
#promotion-choice square:hover{box-shadow:inset 0 0 48px 8px #d64f00;border-radius:0%}
.is2d #promotion-choice square:hover piece{transform:none}
.blindfold.main-board piece,.blindfold .now-playing piece{opacity:0}
.blindfold.main-board .check{background-image:none}
body ::-webkit-scrollbar,body ::-webkit-scrollbar-corner{width:0.5rem;background:#262421}
body ::-webkit-scrollbar-thumb{background:#4d4d4d}
body ::-webkit-scrollbar-thumb:hover,body ::-webkit-scrollbar-thumb:active{background:#6b6b6b}
.mchat__tabs{flex:0 0 auto;display:flex}
.mchat__tab{flex:1 1 auto;text-align:center;padding:0.4em 10px;cursor:pointer;color:#999;transition:all 150ms}
.mchat__tab:hover{background:#412b1c}
.mchat__tab-active{color:#bababa;background:#262421 !important}
.mchat__tab input{cursor:pointer;display:none}
.mchat__tab-active input{display:block}
.mchat__tab:last-child{border-right:none}
.mchat-optional .mchat__tab.discussion{display:flex;justify-content:space-between;align-items:center}
.chat__members{font-size:0.9em;height:100%;overflow:hidden}
.chat__members__inner{display:flex;align-items:flex-start}
.chat__members__number{margin-right:1ch}
.chat__members__number::before{font-size:1em;color:#999;margin-right:0.2ch}
.mchat__messages{flex:1 1 auto;max-height:50vh;overflow-y:auto;overflow-x:hidden;cursor:initial;font-size:0.9em}
@media (min-width: 1260px){.mchat__messages{max-height:none}
}
.mchat__messages li{position:relative;padding:0.5em 0 0.5em 10px;line-height:1.2em;overflow-y:hidden;-webkit-user-select:text;-moz-user-select:text;user-select:text}
.mchat__messages li.me{border-left:3px solid #4f7a1d;padding-left:7px}
.mchat__messages li.host{background-color:rgba(79,122,29,0.4)}
.mchat__messages .deleted{opacity:0.5}
.mchat__messages .system{display:block;opacity:0.8;font-style:italic;font-size:0.9em;margin-left:0;text-align:center}
.mchat__messages .color,.mchat__messages .user-link{font-weight:bold;padding:0;color:#999;letter-spacing:-1px;margin-right:0.4em}
.mchat__messages line.patron{font-size:1.1em;width:1.2em;text-align:left;color:#bf811d}
.mchat__messages .utitle{margin-right:3px}
.mchat__messages i{display:none;position:absolute;top:5px;right:0;cursor:pointer;margin-right:3px;padding:4px 5px;opacity:0.7;color:#d64f00}
.mchat__messages i:hover{opacity:1}
.mchat__messages li:hover i{display:block;text-shadow:0 0 2px #262421,0 0 5px #262421,0 0 10px #262421}
.mchat__say{flex:0 0 auto;border:0;border-top:1px solid #404040;border-radius:0;padding:3px 20px 3px 4px}
.mchat__say.whisper{color:#629924;font-weight:bold;font-style:italic}
@-webkit-keyframes palantir-glowing{40%{background:none}
50%{background:#384722}
60%{background:#2b455d}
70%{background:none}
}
@keyframes palantir-glowing{40%{background:none}
50%{background:#384722}
60%{background:#2b455d}
70%{background:none}
}
.palantir{flex:0 1 auto;-webkit-animation:palantir-glowing 1.5s ease-in-out infinite;animation:palantir-glowing 1.5s ease-in-out infinite;border-radius:0 3px 0 0}
.palantir-slot{-webkit-animation:none;animation:none;opacity:0.6}
.palantir-slot:hover{opacity:1}
.palantir-off{-webkit-animation:none;animation:none}
.palantir-on{background:#629924;color:#fff;-webkit-animation:none;animation:none}
.palantir-on:hover{background:#c33 !important;color:#fff !important}
.palantir::after{top:1px;left:0;right:auto;background:none;box-shadow:none}
.mchat{grid-area:chat;justify-content:stretch;min-height:15em}
.mchat__content{background:#262421;flex:1 1 auto;overflow:hidden}
.mchat__content.note textarea{font-size:0.9em;flex-grow:1;border:none;background-color:transparent;line-height:1.7em;outline:none;resize:none}
.mchat__presets{display:flex;flex:0 0 auto;align-items:center;flex-flow:row nowrap;line-height:1.4em;-webkit-user-select:none;-moz-user-select:none;user-select:none}
.mchat__presets span{flex:1 1 auto;text-align:center;display:block;opacity:0.8;border:1px solid #404040;border-width:1px 1px 0 0;font-size:0.9em;text-transform:uppercase;cursor:pointer;transition:all 150ms}
.mchat__presets span.disabled{background:#412b1c;color:transparent;cursor:default}
.mchat__presets span:not(.disabled):hover{background:#d64f00;color:#fff;opacity:1}
#main-wrap{--main-max-width: 100%} /* was: auto */
@media (max-width: 799px) and (orientation: portrait){#main-wrap{--main-max-width: calc(
      100vh - calc(var(--site-header-height) + var(--site-header-margin)) - 100px - 2.5em
    )}
}
.round{grid-area:main;display:grid;grid-gap:2vmin;grid-template-areas:'app' 'under' 'side' 'uchat'}
.round__app{grid-area:app}
.round__side{grid-area:side}
.round__underboard{grid-area:under}
.round__underchat{grid-area:uchat}
@media (min-width: 800px), (orientation: landscape){.round{grid-template-columns:1fr 1fr;grid-template-rows:auto fit-content(0) fit-content(0);grid-template-areas:'app   app' 'under side' 'under uchat'}
.round__app{justify-self:center}
}
@media (min-width: 1260px){.round{grid-template-columns:minmax(230px, 20vw) minmax(calc(70vmin * var(--board-scale)), calc(100vh * var(--board-scale) - calc(var(--site-header-height) + var(--site-header-margin)) - 3rem)) minmax(240px, 400px);grid-template-rows:fit-content(0);grid-template-areas:'side  app   app' 'uchat under .'}
.round .crosstable__users{flex:7 1 auto}
}
@media (max-width: 799px) and (orientation: landscape){.round .crosstable{display:none}
}
.rcontrols{grid-area:controls}
.material-top{grid-area:mat-top}
.material-bottom{grid-area:mat-bot}
.expiration-top{grid-area:expi-top}
.expiration-bottom{grid-area:expi-bot}
.ruser-top{grid-area:user-top}
.ruser-bottom{grid-area:user-bot}
.rclock-top{grid-area:clock-top}
.rclock-bottom{grid-area:clock-bot}
rm6,.col1-rmoves-preload{grid-area:moves}
.keyboard-move{grid-area:kb-move}
.round__app{display:grid}
@media (max-width: 799px) and (orientation: portrait)
{.round__app
	{grid-template-rows:auto auto 5px 5px auto -webkit-min-content 5px 5px auto;
	 grid-template-rows:auto auto 5px 5px auto min-content 5px 5px auto;
	 grid-template-areas:'moves' 'pocket-top' 'user-top' 'mat-top' 'board' 'expi-bot' 'mat-bot' 'user-bot' 'pocket-bot' 'kb-move' 'controls'
	}
	.round__app .rclock-top{grid-area:3 / 1 / 5 / 2}
	.round__app .rclock-bottom{grid-area:7 / 1 / 9 / 2}
	.round__app cg-board{box-shadow:none}
	.round__app .expiration-top{display:none}
	.round__app__table{display:none}
}
@media (min-width: 800px), (orientation: landscape){.round__app{grid-template-columns:minmax(calc(70vmin * var(--board-scale)), calc(100vh * var(--board-scale) - calc(var(--site-header-height) + var(--site-header-margin)) - 3rem)) minmax(240px, 400px);grid-template-rows:1fr auto auto -webkit-min-content auto auto auto auto -webkit-min-content auto auto 1fr;grid-template-rows:1fr auto auto min-content auto auto auto auto min-content auto auto 1fr;grid-template-areas:'board .' 'board mat-top' 'board clock-top' 'board expi-top' 'board user-top' 'board moves' 'board controls' 'board user-bot' 'board expi-bot' 'board clock-bot' 'board mat-bot' 'board .' 'kb-move .';grid-column-gap:2vmin}
.round__app__table{grid-area:4 / 2 / 10 / 3}
.round__app .expiration-top{display:flex}
.round__app rm6{margin-bottom:1px}
.round__app l4x{display:none;background:none}
.round__app .keyboard-move{margin-top:2vmin}
}
@media (min-width: 800px) and (min-height: 500px), (orientation: landscape) and (min-height: 500px){.round__app l4x{display:flex}
}
@media (max-width: 799px) and (orientation: landscape){.round__app{grid-template-columns:minmax(calc(55vmin), calc(100vh - calc(var(--site-header-height) + var(--site-header-margin)) - 2vmin)) minmax(200px, 240px);grid-column-gap:3vmin}
}
.round__app__board{grid-area:board}
body.playing.zen .round__underboard,body.playing.zen .round__underchat,body.playing.zen #friend_box,body.playing.zen .site-title-nav,body.playing.zen .site-buttons,body.playing.zen .round__side,body.playing.zen .mchat,body.playing.zen .ruser,body.playing.zen .rclock .tour-rank,.rclock body.playing.zen .tour-rank,body.playing.zen .rclock .moretime,.rclock body.playing.zen .moretime,body.playing.zen .rclock .berserked,.rclock body.playing.zen .berserked,body.playing.zen l4x>:not(.result-wrap){display:none}
body.playing.zen .ricons{margin:0.5em 0 1em 0}
body.playing.zen #top{justify-content:center}
.round__side .game__meta{flex:0 0 auto}
.round__side .game__meta__players .team{margin-left:1.7em}
.mchat{flex:1 1 0;margin-top:2vmin}
.game__meta{background:#262421;padding:1.4vmin 2vmin}
.game__meta section:not(:last-child){border-bottom:1px solid #404040;margin-bottom:1.33333vmin;padding-bottom:1.33333vmin}
.game__meta__infos{position:relative}
.game__meta__infos::before{font-size:3rem;margin-right:4%}
.game__meta__infos p{margin:0}
.game__meta__infos time{opacity:1}
.game__meta .status{text-align:center}
.game__meta__players{margin-top:0.3rem;font-size:90%}
.game__meta .bookmark{position:absolute;right:0;z-index:2;color:#999}
.game__meta .bookmark ::before{font-size:1.3em}
.game__meta .bookmark:not(.bookmarked) .on,.game__meta .bookmark.bookmarked .off{display:none}
.game__meta .user-tv{font-size:1.2em}
.game__tournament .clock{font-size:2em;text-align:center;margin-top:0.2em}
@media (hover: hover){.game__meta .bookmark{display:none}
.game__meta:hover .bookmark{display:block}
}
.round__app__table{background:#262421}
.round__app .draw-yes span{font-size:1.2em}
.expiration{font-size:0.9rem;justify-content:center;line-height:2;background:#629924;color:#fff}
.expiration-top{border-top-right-radius:3px}
.expiration-bottom{border-bottom-right-radius:3px}
.expiration.emerg{background:#c33}
.expiration strong{font-size:1rem;margin-right:0.3em}
.ruser{display:flex;justify-content:left;font-size:1.0em;padding:0 0.3em}
.ruser:hover{color:#bababa}
.ruser a{color:#bababa}
.ruser.long a{letter-spacing:-0.5px}
.ruser rating{flex:0 0 auto;margin:0 0.25em 0 0.3em;color:#999;letter-spacing:-0.5px}
.ruser .line{justify-content:center}
@-webkit-keyframes connecting{0%{opacity:0.1}
50%{opacity:0.3}
100%{opacity:0.1}
}
@keyframes connecting{0%{opacity:0.1}
50%{opacity:0.3}
100%{opacity:0.1}
}
.ruser.connecting .line{-webkit-animation:connecting 0.9s ease-in-out infinite;animation:connecting 0.9s ease-in-out infinite}
.ruser .rp{margin-right:0.2em}
@media (min-width: 800px), (orientation: landscape){.ruser{padding:0.5em 0.5em 0.5em 0.3em;line-height:inherit}
.ruser a{flex:1 1 auto}
}
@media (max-width: 799px) and (orientation: portrait){.ruser-top{align-self:flex-end}
.ruser-bottom{align-self:flex-start}
}
.rclock{position:relative;display:flex;justify-content:flex-end;-webkit-user-select:none;-moz-user-select:none;user-select:none}
@media (max-width: 799px) and (orientation: portrait){.rclock{justify-self:flex-end;z-index:1}
}
@media (min-width: 800px), (orientation: landscape){.rclock{justify-content:space-between}
.rclock-bottom{z-index:0}
}
.rclock-turn{align-self:center;line-height:50px}
@media (max-width: 799px) and (orientation: portrait){.rclock-turn__text{background:#262421;padding:0 2vmin;font-weight:bold;white-space:nowrap}
}
@media (min-width: 800px), (orientation: landscape){.rclock-turn{height:2.2em;line-height:2.2em}
}
.rclock .bar{display:none}
.rclock .bar.berserk{background:#c33}
@media (min-width: 800px), (orientation: landscape){.rclock .bar{display:block;position:absolute;width:100%;height:4px;background:#629924;transform-origin:left}
.with-expiration .rclock .bar{display:none}
.rclock-top .bar{bottom:-4px}
.rclock-bottom .bar{top:-4px}
}
.rclock .time{background:#262421;min-width:3em;font-size:2.8em;line-height:50px;font-weight:bold;padding:0 2vmin;white-space:nowrap;will-change:transform;z-index:-1;display:flex}
.rclock .time.hour{font-size:2.3em}
@media (max-width: 799px) and (orientation: portrait){.rclock .time{border-radius:0;box-shadow:none}
}
@media (min-width: 800px), (orientation: landscape){.rclock .time{align-items:flex-end;line-height:1.2em}
}
@media (min-width: 500px) and (min-height: 600px){.rclock .time{font-size:3.6em;letter-spacing:0.12em}
.rclock .time.hour{font-size:2.9em;letter-spacing:0.1em}
}
.rclock-correspondence .time{font-size:1.6em;letter-spacing:inherit}
@media (min-width: 800px), (orientation: landscape){.rclock-correspondence .time{line-height:1.5em}
}
@media (min-width: 500px){.rclock-correspondence .time{font-size:1.9em}
}
.rclock tenths{font-size:70%;margin-bottom:-0.18em}
.rclock huns{font-size:80%}
@media (max-width: 799px) and (orientation: portrait){.rclock huns{display:none}
}
.rclock sep{opacity:0.5;font-size:0.8em}
.rclock sep.low{opacity:0.15}
.rclock.running .time{background:#384722;color:#e3e3e3}
.rclock.emerg .time,.rclock.outoftime .time{background-color:#502826}
.rclock.emerg.running .time{background-color:#792c2a;color:#e3e3e3}
.rclock .go-berserk{font-size:2.2em;padding:0 0.3em}
.rclock .go-berserk:hover{color:#d64f00 !important;background:none !important}
.rclock .tour-rank,.rclock .moretime,.rclock .berserked{display:none}
@media (min-width: 500px){.rclock .tour-rank,.rclock .moretime,.rclock .berserked{order:-1;display:flex;flex:0 1 auto;font-size:1.7em;padding:0 0.3em}
}
@media (min-width: 800px), (orientation: landscape){.rclock .tour-rank,.rclock .moretime,.rclock .berserked{order:inherit}
}
.rclock .tour-rank{opacity:0.65}
.rclock .moretime{opacity:0.4}
.rclock .moretime:hover{opacity:1}
.rclock .berserked{font-size:2.2em;color:#d64f00}
.material{align-self:center;height:40px;line-height:0;white-space:nowrap}
.material div{display:inline-block;margin-left:10px}
.material mpiece{margin-left:-10px;width:32px;height:32px;background-size:cover;display:inline-block}
.material mpiece.pawn{background-image:url(../piece/mono/P.svg)}
.material mpiece.bishop{background-image:url(../piece/mono/B.svg)}
.material mpiece.knight{background-image:url(../piece/mono/N.svg)}
.material mpiece.rook{background-image:url(../piece/mono/R.svg)}
.material mpiece.queen{background-image:url(../piece/mono/Q.svg)}
.material mpiece.king{background-image:url(../piece/mono/K.svg)}
.material score{font-family:'Roboto';line-height:32px;vertical-align:top}
@media (max-width: 799px) and (orientation: portrait){.material{height:20px;margin-left:3vmin}
.material div{margin-left:8px}
.material mpiece{width:15px;height:15px;margin-left:-8px}
}
rm6 .buttons{flex:0 0 auto;display:flex;justify-content:stretch;background:#302e2c;font-size:0.9em;order:2}
@media (min-width: 800px), (orientation: landscape){rm6 .buttons{order:0}
}
rm6 .fbt,rm6 .noop{padding:5px 0;flex:0 0 calc(100% / 6);text-align:center}
rm6 l4x,rm6 .message{flex:0 0 7.4rem}
@media (max-width: 799px) and (orientation: portrait){rm6{overflow:hidden}
rm6 .col1-moves{flex:0 0 2.5em;display:flex}
rm6 .col1-moves .fbt{flex:0 0 auto;padding:0 1.3em;opacity:0.7}
body.playing.zen rm6 .col1-moves{visibility:hidden}
rm6 l4x{flex:1 1 100%;display:flex;align-items:stretch;white-space:nowrap;overflow-x:scroll;color:#999;box-shadow:0 4px 12px #000 inset}
rm6 l4x::-webkit-scrollbar{height:0px}
rm6 l4x>:first-child{margin-left:auto !important}
rm6 i5z,rm6 u8t,rm6 .result-wrap{display:flex;align-items:center;justify-content:center;padding:0 0.3rem}
rm6 i5z{padding-right:0.15em}
rm6 u8t{font-size:1em;cursor:pointer}
rm6 u8t.a1t,rm6 u8t:hover{background:#302e2c}
rm6 u8t.a1t{color:#e3e3e3}
rm6 .buttons{display:none}
rm6 .result{margin:0;font-weight:bold;font-size:1.1em}
rm6 .message{flex:0 0 2.5em;display:flex;align-items:center;justify-content:center;line-height:1.2}
rm6 .message br{display:none}
rm6 .message strong{margin-left:0.5em}
rm6 .message::before{margin-right:0.3em}
body.playing.zen rm6 .message{display:none}
rm6 .status{display:none}
}
@media (min-width: 800px), (orientation: landscape){rm6{background:#262421}
rm6 l4x{display:flex;flex-flow:row wrap;align-items:center;position:relative;overflow-y:auto;align-content:flex-start;will-change:scroll-position;-webkit-user-select:none;-moz-user-select:none;user-select:none;line-height:1.7;font-size:1.1em}
rm6 l4x::-webkit-scrollbar{width:0px}
rm6 i5z{flex:0 0 16.666%;display:flex;justify-content:center;align-items:flex-end;background:#302e2c}
rm6 u8t{flex:0 0 41.666%;padding-left:0.7em;cursor:pointer}
rm6 u8t:hover{background:#3692e7;color:#fff}
rm6 u8t.a1t{font-weight:bold;background:#293a49;color:#ccc}
rm6 .message{display:flex;align-items:center;margin:1em}
rm6 .message::before{color:#999;font-size:3em;margin-right:12px}
rm6 .result-wrap{width:100%;text-align:center}
rm6 .result{border-top:1px solid #404040;font-weight:bold;font-size:1.2em;padding:5px 0 3px 0;margin:0}
rm6 .status{font-style:italic;margin-bottom:0.5em}
}
@media (max-width: 799px) and (orientation: portrait){.col1-rmoves-preload{height:2.5em}
}
.rcontrols{text-align:center;width:100%}
.rcontrols p{margin:0}
.rcontrols .disabled{opacity:0.5;cursor:not-allowed}
.rcontrols .ddloader{margin:20px auto 10px auto}
.rcontrols .suggestion,.rcontrols .pending,.rcontrols .negotiation{padding:0.5em 3%;background:#302e2c;border:1px solid #404040;border-width:0 1px}
.rcontrols .suggestion{justify-content:space-around}
.rcontrols .suggestion p{width:100%}
.rcontrols .suggestion .button{margin:0.5em 0 0 0}
.rcontrols .pending p{flex:3 1;margin-right:7px}
.rcontrols .pending .button{flex:1 1}
@-webkit-keyframes flash-once{from{background:#d64f00;color:#fff}
to{background:#302e2c;color:#bababa}
}
@keyframes flash-once{from{background:#d64f00;color:#fff}
to{background:#302e2c;color:#bababa}
}
.rcontrols .negotiation{-webkit-animation:flash-once 1s ease-in;animation:flash-once 1s ease-in;padding:1px}
.rcontrols .negotiation p{flex:3 1 auto}
.rcontrols .negotiation a{flex:1 0 3rem;font-size:1.5em;line-height:3em;background:#262421}
.rcontrols .negotiation .accept{color:#629924;margin-right:1px}
.rcontrols .negotiation .decline{color:#c33}
.rcontrols .negotiation a:hover{color:#fff;background:#629924}
.rcontrols .negotiation a.decline:hover{background:#c33}
@media (max-width: 799px) and (orientation: portrait){.rcontrols .negotiation{padding:3px}
.rcontrols .negotiation a{line-height:1.6em;flex:0 0 2.5rem;padding:0 1.2em}
}
.rcontrols .glowing:hover{-webkit-animation:none;animation:none}
.rcontrols .follow-up{border-bottom:1px solid #404040;position:relative}
.rcontrols .follow-up .fbt{padding:12px 0;margin:1px 1px 0 1px}
.rcontrols .follow-up>.fbt:first-child{margin-top:0}
.rcontrols .follow-up .fbt.strong{padding:2em 0;font-size:1.2em}
.rcontrols .follow-up .weak{font-weight:normal;padding:6px 0}
.rcontrols .follow-up .weak::before{opacity:0.7}
.rcontrols .follow-up form .fbt{width:100%}
.rcontrols .follow-up .spinner{width:40px;height:40px}
@media (max-width: 799px) and (orientation: portrait){.rcontrols .follow-up{margin-top:2vmin}
}
.rcontrols .analysis{display:none}
@media (max-width: 799px) and (orientation: portrait){.rcontrols .analysis{display:block;margin-left:2em}
}
.rcontrols .rematch.fbt{font-size:1.2em;height:6rem;transition:all 150ms}
.rcontrols .rematch.me{background:#337cc0}
@-webkit-keyframes rubber-band{from{transform:scale3d(1, 1, 1)}
6%{transform:scale3d(1.25, 0.75, 1)}
8%{transform:scale3d(0.75, 1.25, 1)}
10%{transform:scale3d(1.15, 0.85, 1)}
13%{transform:scale3d(0.95, 1.05, 1)}
15%{transform:scale3d(1.05, 0.95, 1)}
20%{transform:scale3d(1, 1, 1)}
}
@keyframes rubber-band{from{transform:scale3d(1, 1, 1)}
6%{transform:scale3d(1.25, 0.75, 1)}
8%{transform:scale3d(0.75, 1.25, 1)}
10%{transform:scale3d(1.15, 0.85, 1)}
13%{transform:scale3d(0.95, 1.05, 1)}
15%{transform:scale3d(1.05, 0.95, 1)}
20%{transform:scale3d(1, 1, 1)}
}
@-webkit-keyframes button-glowing{0%{opacity:0}
60%{opacity:0.2}
85%{opacity:0}
}
@keyframes button-glowing{0%{opacity:0}
60%{opacity:0.2}
85%{opacity:0}
}
.rcontrols .rematch.glowing{position:relative;-webkit-animation:none;animation:none;color:#ccc}
.rcontrols .rematch.glowing::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;background:#3692e7;opacity:0;-webkit-animation:button-glowing 2s ease-in-out infinite;animation:button-glowing 2s ease-in-out infinite}
.rcontrols .rematch.glowing span{display:block;-webkit-animation:rubber-band 5s infinite;animation:rubber-band 5s infinite}
.rcontrols .rematch.fbt:not(.disabled):hover{background:#3171ac;color:#fff;-webkit-animation:none;animation:none}
.rcontrols .rematch-decline{background:#302e2c;justify-content:center;position:absolute;top:0;right:-25px;width:25px;height:6rem;border:0;opacity:0.7;background:#792c2a;transition:all 150ms;display:none}
@media (min-width: 800px), (orientation: landscape){.rcontrols .rematch-decline{display:block}
}
.rcontrols .rematch-decline:hover{background:#c33;color:#fff;right:-36px;width:35px}
.ricons{display:flex;justify-content:center;margin-top:10px}
.ricons .fbt{font-size:1.4em;padding:0.1em 1em}
.ricons.confirm>button{visibility:hidden}
.ricons .act-confirm{visibility:visible;position:relative;width:60px}
.ricons .act-confirm .fbt.no{padding:0.1em 0;width:30px;text-align:center;position:absolute;top:0;right:-34px}
.ricons .act-confirm .fbt.yes{position:absolute;right:0;top:-3px;border-radius:8px;color:#fff;text-decoration:none;background:#d64f00;border-bottom:5px solid #963700;text-shadow:0 -1px #963700;transition:all 150ms;transform:translate(0px, 0px)}
.ricons .act-confirm .fbt.yes:hover{filter:brightness(1.07)}
.ricons .act-confirm .fbt.yes:active{transform:translate(0px, 5px);border-bottom-width:1px;text-shadow:0 0 #963700;filter:brightness(1)}
.round__now-playing h3{margin:1em 0 0.5em 0}
@media (max-width: 799px) and (orientation: portrait){.round__now-playing h3{margin:1em 2vmin 0.5em 2vmin}
}
.round__now-playing .simul span{font-weight:bold;margin:0 0.5em}
.round__now-playing .simul .win{color:#629924}
.round__now-playing .simul .draw{color:#bf811d}
.round__now-playing .simul .loss{color:#c33}
.round__now-playing .switcher label{cursor:pointer}
.round__now-playing .switcher .switch{margin-left:10px}
.keyboard-move input{width:4.5em;font-size:1.1em;font-weight:bold;margin-right:1rem;border:1px solid #404040;transition:all 150ms}
.keyboard-move input.wrong{background:#c33;color:#fff}
.keyboard-move em{color:#999}
#powerTip .forecast-info .title{display:block;padding:0.7em;border-bottom:1px solid #404040;text-align:center}
#powerTip .forecast-info .content{display:block;padding:1em}