.lobby__streams .stream strong,.timeline .entry a,.lobby__box__top .title{font-family:'Noto Sans'}.tabs-horiz span,.lpools,.hooks__list th,.lobby__streams .stream,.timeline .entry,.lobby__forum .extract,.lobby__streams .more,.timeline .more{font-family:'Roboto'}.tabs-horiz,.lobby__counters,.lobby__streams .stream,.timeline,.lobby__about a,.timeline .entry a{color:#a3a3a3}#hook .opponent,.tour-spotlight{background:#2f2e2d}.tour-spotlight:hover{background:#3c3b39;color:#ccc}.lpools .active,#hook{box-shadow:0 14px 28px rgba(0,0,0,0.25),0 10px 10px rgba(0,0,0,0.22)}.tabs-horiz span,.tour-spotlight{white-space:nowrap;overflow:hidden}.lobby__streams .stream,.lobby__box td,.lobby__support__text span{white-space:nowrap}.lpools>div{overflow-wrap:break-word;word-break:break-word}.lobby__streams .stream,.lobby__box td,.lobby__support__text span,.lobby__leaderboard td:first-child,.lobby__winners td:first-child{overflow:hidden;text-overflow:ellipsis}.hooks__chart{position:absolute;width:100%;height:100%}.tabs-horiz,.tour-spotlight,.lobby__support a,#announce.fff .link{display:flex;flex-flow:row nowrap;align-items:center}.lobby__counters,.lobby__box__top,.lobby__blog .post{display:flex;flex-flow:row wrap;align-items:center;justify-content:space-between}.lpools>div,#hook .inner,.lobby__app,.lobby__table,.lobby__start,.lobby__box,.lobby__side,.lobby__nope .lobby__app__content{display:flex;flex-flow:column}.tour-spotlight,.lobby__box,#hook,.lobby__app__content,.lobby__support a,.lobby__tv,.lobby__puzzle,.now-playing>a,.lpools>div{border-radius:3px}.tour-spotlight,.lobby__box,#hook{overflow:hidden}.lobby__app__content,.lobby__support a,.lobby__tv,.lobby__puzzle,.tour-spotlight,.lobby__box{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)}.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:#bfbfbf;padding:0.3em;transition:background 150ms;background:rgba(37,36,34,0.4)}.now-playing>a:hover{background:rgba(54,146,231,0.4);color:#ccc}.now-playing .meta{display:block;text-align:center;overflow:hidden}.now-playing .indicator{color:#d64f00;margin-top:-3px;display:block}.now-playing sg-board{box-shadow:none}.color-icon.sente::before{content:'☖'}.color-icon.gote::before{content:'☗'}.color-icon.random::before{content:'l'}@keyframes glowing{42%{background:none}50%{background:#293a49}58%{background:none}}.glowing{animation:glowing 2s ease-in-out infinite}.tabs-horiz{justify-content:center;align-items:flex-end}@media (max-width: 499px){.tabs-horiz{font-size:0.9em}}.tabs-horiz span{flex:1 1 auto;text-align:center;padding:0.5em 0.2em;cursor:pointer;position:relative;border-bottom:2px solid transparent;transition:color 0.25s, border-color 0.25s;min-width:15%;letter-spacing:-0.5px}@media (min-width: 500px){.tabs-horiz span{letter-spacing:inherit}}.tabs-horiz span.active,.tabs-horiz span:hover{color:#ccc;border-color:#d64f00}.tabs-horiz span.active{font-weight:bold;color:#d64f00}.tabs-horiz .unread{margin-left:0.3em}body ::-webkit-scrollbar,body ::-webkit-scrollbar-corner{width:0.5rem;background:#252422}body ::-webkit-scrollbar-thumb{background:#4d4d4d}body ::-webkit-scrollbar-thumb:hover,body ::-webkit-scrollbar-thumb:active{background:#6b6b6b}.lobby{grid-area:main;display:grid;grid-template-areas:'app' 'table' 'side' 'blog' 'tv' 'puzzle' 'leader' 'winner' 'desc' 'vars' 'tours' 'simuls' 'forum' 'support' 'about' '.';grid-gap:2vmin}.lobby__counters{margin-top:2vmin}@media (min-width: 500px){.lobby{grid-template-columns:repeat(2, 1fr);grid-template-rows:auto repeat(3, fit-content(0));grid-template-areas:'table  table' 'app    app' 'side   side' 'tv     puzzle' 'blog   blog' 'desc   desc' 'vars   vars' 'leader winner' 'tours  tours' 'simuls simuls' 'forum  forum' 'about  support'}}@media (min-width: 800px){.lobby{grid-template-columns:repeat(3, 1fr);grid-template-rows:12em repeat(2, fit-content(0));grid-template-areas:'table   app     app' 'side    app     app' 'tv      leader  winner' 'puzzle  tours   tours' 'puzzle  simuls  simuls' 'support blog    blog ' 'about   blog    blog ' 'about   desc    desc' '.       vars    vars' '. forum forum '}.lobby__start{flex-flow:column;align-items:stretch;justify-content:center}.lobby__counters{margin:.66667vmin 0 -.66667vmin 0}.lobby .timeline{margin-left:0}}@media (min-width: 1260px){.lobby{grid-template-columns:repeat(4, 1fr);grid-template-rows:repeat(2, fit-content(0));grid-template-areas:'side   app     app    table' 'tv     leader  winner puzzle' 'about  blog    blog   support' '.      desc    desc   .' '.      vars    vars   .' '.      tours   tours  .' '.      simuls  simuls .' '.      forum   forum  .'}.lobby__tournaments,.lobby__simuls{max-height:20em}.lobby__side{margin-top:2em}.lobby__counters{margin:0}}.lobby__side{grid-area:side}.lobby__app,.lobby__nope{grid-area:app}.lobby__table{grid-area:table}.lobby__tv{grid-area:tv}.lobby__description{grid-area:desc}.lobby__variants{grid-area:vars}.lobby__leaderboard{grid-area:leader}.lobby__winners{grid-area:winner}.lobby__puzzle{grid-area:puzzle}.lobby__tournaments{grid-area:tours}.lobby__simuls{grid-area:simuls}.lobby__forum{grid-area:forum}.lobby__blog{grid-area:blog}.lobby__support{grid-area:support}.lobby__about{grid-area:about}.lobby__app-pools{height:300px}@media (min-width: 500px){.lobby__app-pools{height:400px}}.lpools{display:grid;grid-template-columns:repeat(3, 1fr);grid-template-rows:repeat(4, 1fr);grid-gap:9px;padding:9px}.lpools{font-size:14px}@media (min-width: 320px){.lpools{font-size:calc( 14px + 11 * ((100vw - 320px) / 880))}}@media (min-width: 1200px){.lpools{font-size:25px}}.lpools>div{justify-content:center;align-items:center;cursor:pointer;border:1px solid #404040;background:rgba(191,191,191,0.05);color:#bfbfbf;transition:all 150ms}.lpools>div:hover{background:rgba(214,79,0,0.2);opacity:1}.lpools .active{background:#383633}.lpools .active .perf{display:none}.lpools .transp{opacity:0.4}.lpools .spinner{flex:0 0 auto;margin:.1em 0 .6em 0;width:2em;height:2em;pointer-events:none}.lpools .clock{display:block;font-size:1.5em;line-height:1.6em;letter-spacing:.1em}.hooks__chart{bottom:0;right:0}.hooks__chart .label{color:#a3a3a3;font-size:.7em;position:absolute;left:3px;bottom:1px;text-shadow:none;font-weight:bold}.hooks__chart .grid{position:absolute;left:0;bottom:0}.hooks__chart .grid.horiz{width:100%;border-top:1px dashed #404040}.hooks__chart .grid.vert{height:100%;border-right:1px dashed #404040}.hooks__chart .canvas{position:relative;width:100%;height:100%}.hooks__chart .plot{position:absolute;cursor:pointer;z-index:3;font-size:1.6em;opacity:.7;transition:all 150ms;transform:scale(1)}.hooks__chart .plot.rated{opacity:0.9;color:#bf811d}.hooks__chart .plot.cancel{opacity:0.9;color:#629924}.hooks__chart .plot.new{transform:translateY(-7px);opacity:0}.hooks__chart .plot:hover{z-index:2;opacity:1;transform:scale(1.15)}#hook{display:none;background:#252422;position:absolute;z-index:120}#hook .inner{text-align:center}#hook .inner-clickable{cursor:pointer;padding:5px 0}#hook .opponent{min-width:120px;padding:.5em .7em}.hooks__list{width:100%}.hooks__list tr.disabled{opacity:0.4}.hooks__list tr.disabled td{cursor:default;background:transparent;border-color:transparent}.hooks__list tr.cancel td{background:rgba(98,153,36,0.4)}.hooks__list tr.join:hover td{background:rgba(214,79,0,0.5);color:#fff}.hooks__list tr:not(.disabled):hover ::before{opacity:1}.hooks__list tr.variants td{text-align:center;padding:3px 0;background:none;text-transform:uppercase;letter-spacing:3px;cursor:default}.hooks__list th{padding:1em}.hooks__list th.sortable{cursor:pointer}.hooks__list th.sortable:hover,.hooks__list th.sort{font-weight:normal}.hooks__list th.sort .is:before{opacity:0.7;margin-right:3px;content:"R"}.hooks__list th.player{width:110px}.hooks__list td{word-break:break-all;overflow:hidden;padding:.5em .7em;border-bottom:1px solid #404040;cursor:pointer;background:rgba(37,36,34,0.5)}.hooks__list td:first-child{width:16px}.hooks__list td:first-child ::before{font-size:1.2em;line-height:1.3}.hooks__list td:last-child ::before{margin-right:8px;line-height:0.9;font-size:1.6em}.hooks__list td ::before{opacity:0.6}.hooks__list tbody.stepping{opacity:0.7}.lseeks .create{margin-top:20px;text-align:center}.lseeks .create a{background:#d64f00}.lseeks .create a:hover{background:#d64f00}.lobby__app{min-height:300px;-webkit-user-select:none;user-select:none}@media (min-width: 500px){.lobby__app{min-height:400px}}@media (min-width: 800px){.lobby__app{height:626px;max-height:calc(100vh - calc(var(--site-header-height) + var(--site-header-margin)) - 2vmin)}}.lobby-nope .lobby__app{display:none}.lobby__app .tabs-horiz>span{flex:1}.lobby__app__content{flex:1 1 100%;position:relative;background:#252422 url("data:image/svg+xml,%3Csvg viewBox='-2.5 -2.5 45 55' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M 20 0 L 33 4 L 40 50 L 0 50 L 7 4 Z' style='fill:none;stroke:%23383633;stroke-width:2.5;stroke-opacity:1;' /%3E%3C/svg%3E");background-size:80% 80%;background-repeat:no-repeat;background-position:center;overflow-x:hidden;overflow-y:auto}.lobby__app .lredir{background:#252422;display:flex}.lobby__app .lredir .spinner{width:100px;height:100px}.lobby__app .toggle{position:absolute;padding:0.6em;cursor:pointer;z-index:2;font-size:1.3em;transition:all 150ms}.lobby__app .toggle.toggle-filter{right:0}.lobby__app .toggle:hover{color:#d64f00}.lobby__app .gamesFiltered{color:#d64f00;transition:all 150ms}.lobby__app .gamesFiltered:hover{color:#dd6d2b}.lobby__puzzle .vstext{display:block;text-align:center}.lobby__table{position:relative}.lobby__start{justify-content:stretch;flex:1 1 auto;margin:0 1em 0 1em}@media (min-width: 500px){.lobby__start{margin:2em 0 0 0}}.lobby__start a{font-size:1.1em;text-align:center;margin:0.15em 0;padding:0.55em}.lobby__start a.disabled{opacity:0.2}@media (min-width: 1260px){.lobby__start{justify-content:center}.lobby__start a{margin:1.2em 0;padding:1em}}.lobby__counters{background:#252422;padding:2vmin 4vmin}@media (min-width: 800px){.lobby__counters{background:none;padding:0}}@media (min-width: 1260px){.lobby__counters{flex-flow:column;align-items:flex-start;position:absolute;bottom:0}}.lobby__counters a{color:#a3a3a3;transition:color 150ms}.lobby__counters a:hover{color:#3692e7}.lobby__streams .stream{color:#a3a3a3;display:block;margin-bottom:0.5em;line-height:0.9}.lobby__streams .stream.highlight strong{color:#bf811d}.lobby__streams .stream strong:before{font-size:1.5em;margin-right:0.1rem}.lobby__spotlights{flex:0 0 auto}.tour-spotlight{flex:0 0 auto;padding:0.3em;margin:3px 0;transition:all 150ms;text-shadow:none;color:#a3a3a3}.tour-spotlight.invert,.tour-spotlight.event-spotlight,.tour-spotlight:hover{text-shadow:none}.tour-spotlight:hover{color:#3692e7}.tour-spotlight .img{flex:0 0 50px;margin:0 0.5em 0 0.3em}.tour-spotlight img.img{width:40px}.tour-spotlight i.img,.tour-spotlight .img.icon{margin:0 5px 0 0}.tour-spotlight i.img::before{color:#a3a3a3;font-size:50px}.tour-spotlight .name{margin-top:1px;line-height:13px;display:block}.tour-spotlight .headline{display:block;font-size:0.85em;margin-bottom:-3px}.tour-spotlight .more{font-size:0.85em}.tour-spotlight .more time{margin-left:3px}.tour-spotlight.little .img{flex:0 0 40px;margin:0 0.5em 0 0.3em}.tour-spotlight.little .img::before{font-size:40px}.timeline{flex:1 1 auto;margin:1em 0 0 2vmin;overflow-y:auto}@media (hover: hover){.timeline{overflow:hidden}.timeline:hover{overflow-y:auto}}.timeline .entry:hover a{color:#3692e7}.timeline .entry::after{content:'';display:block;width:100%;height:1px;background:linear-gradient(to left, #404040 20%, #131210);margin:0.7em 0}.lobby__box{background:#252422}.lobby__box__top{flex:0 0 auto;padding:0.3em 0.5em}.lobby__box__top .more{color:#a3a3a3}.lobby__box__top .title{font-size:1em;font-weight:bold;color:#a3a3a3;padding:0.3em}.lobby__box__top:hover .more{transition:all 150ms;color:#3692e7}.lobby__box__content{overflow-x:hidden;overflow-y:auto}.lobby__box .user-link{padding-left:-1em;font-weight:bold;color:#a3a3a3}.lobby__box table{width:100%;height:100%}.lobby__box td{padding:0.5em 0.4em;border-top:1px solid #404040;max-width:21ch}.lobby__box td:first-child{padding-left:0.7em}.lobby__box td.name a{font-weight:bold;color:#a3a3a3;transition:all 150ms}.lobby__box td.name a:hover{color:#3692e7}.lobby__box tr:nth-child(even){background:#2f2e2d}.lobby__leaderboard td:last-child,.lobby__winners td:last-child{text-align:right;padding-right:0.7em}.lobby__forum .lobby__box__top,.lobby__description .lobby__box__top,.lobby__variants .lobby__box__top{border-bottom:1px solid #404040}.lobby__forum li{margin:0.6em 0;padding-left:9px;line-height:14px;white-space:nowrap}.lobby__blog .post{color:#bfbfbf;flex-wrap:nowrap;overflow:hidden;padding:0 0.5em 0 0;border-top:1px solid #404040}.lobby__blog .post:hover{background:#2f2e2d}.lobby__blog .post .text{flex:1 1 100%}.lobby__blog .post strong{display:block}.lobby__blog .post img{height:5.5em;width:5.5em;margin-right:0.8em}.lobby__blog .post time{color:#a3a3a3;white-space:nowrap}.lobby__support a{background:#252422;font-size:1.3em;margin-bottom:2vmin;padding:0.6em 0.5em;border:1px solid #bf811d;transition:all 150ms}.lobby__support a:hover{background:#bf811d}.lobby__support a:hover .lobby__support__text,.lobby__support a:hover i::before{color:#fff}.lobby__support i{flex:0 0 auto;margin:0 0.5em}.lobby__support i::before{margin-right:0.15em;color:#bf811d;font-size:2.6em;transition:all 150ms}.lobby__support__text{flex:1 1 auto;color:#bf811d;transition:all 150ms}.lobby__support__text strong{font-weight:normal;display:block}.lobby__support__text span{display:block;font-size:0.8em}.lobby__about{display:flex;align-content:flex-start;flex-flow:row wrap;font-size:0.85em;font-weight:bold}.lobby__about a{margin-right:1.2em;white-space:nowrap;transition:color 150ms}.lobby__about a:hover{color:#3692e7}.connect-links{flex:0 0 100%;margin-top:0.5em}.connect-links a{font-weight:normal}body{overflow-y:scroll}#main-wrap{--main-max-width: 1400px}.lobby__streams .more,.timeline .more{font-size:0.9em;margin:0.5em 1em 0.5em 0;display:block;text-align:right;color:#a3a3a3}.lobby__streams .more:hover,.timeline .more:hover{color:#3692e7}.lobby__tv,.lobby__puzzle{background:#252422}.lobby__side{overflow:hidden}@media (min-width: 500px){.lobby__side{overflow:visible}}@media (min-width: 800px){.lobby__side{overflow:hidden}}.lobby__nope{min-height:300px;text-align:center}@media (min-width: 500px){.lobby__nope{min-height:400px}}@media (min-width: 800px){.lobby__nope{height:626px;max-height:calc(100vh - calc(var(--site-header-height) + var(--site-header-margin)) - 2vmin)}}.lobby__nope .lobby__app__content{height:100%;align-items:center;padding-top:2em}.lobby__nope ul{margin:0.6em auto;display:inline-block;text-align:left}.lobby__nope li{list-style:disc outside;font-size:1.1em}.lobby__description #shogi_description p{margin:0.5rem 0.75rem}.lobby__variants #variants_list{display:flex;flex-wrap:wrap}.lobby__variants #variants_list .variants_item{padding:0.7rem 0;width:50%;text-align:center}.lobby__variants #variants_list .variants_item:hover{background:#2f2e2d}.lobby__variants #variants_list .variants_item h3{font-size:1.2rem;color:#bfbfbf}.lobby__variants #variants_list .variants_item h3::before{float:left;padding-left:0.75rem;color:#3692e7}.lobby__variants #variants_list .variants_item:nth-child(odd){border-right:1px solid #404040}.lobby__variants #variants_list .variants_item:nth-child(n+3){border-top:1px solid #404040}.game-setup{display:none}.about-side{margin-top:2vmin}@media (max-width: 799px){.about-side,.lobby__streams,.lobby__about{margin-left:2vmin}}#announce.fff{background:#629924}#announce.fff .link img{width:50px;height:50px;margin:-25px 1rem -5px 0}#announce.fff .close{font-weight:bold;margin-left:2rem}@media (max-width: 799px){#announce.fff{font-size:1.1em}}
