@import"https://fonts.googleapis.com/css2?family=Ancizar+Sans:ital,wght@0,100..1000;1,100..1000&family=Ancizar+Serif:ital,wght@0,300..900;1,300..900&display=swap";:root{font-family:Ancizar Sans,system-ui,Helvetica,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:2svh;color-scheme:light dark}html,body{height:100%}body{margin:0;display:flex;overflow-x:hidden;background-color:light-dark(white,#333);color:light-dark(black,white)}input{font-family:Ancizar Sans,system-ui,Helvetica,Arial,sans-serif}a{color:light-dark(#0066cc,#33aaff);cursor:pointer}svg{width:1rem;height:1rem}[disabled],.disabled{background:unset;opacity:.3;cursor:default;&:hover{background:unset}}button{display:block;font-family:Ancizar Sans,system-ui;font-size:1em;margin:2em auto 0;border:0;border-radius:2em;background:light-dark(#999,#ccc);color:light-dark(white,black);padding:.8em 5.5em;cursor:pointer;&:hover{background:light-dark(#888,#aaa)}}hr{border:0;height:1px;background-color:#00000020}.app.mobile{font-size:4.5svw;>.body{width:100%}.footer{>div{width:unset;padding-left:1em;font-size:1em;display:block;.middle,.right{display:none}}}.header{>div{width:unset;.logo{margin-left:.7em;font-size:1.1em}>ul{padding-right:.5em;li{margin:0 .5em}}.dropdown{transition:width .2s ease-in;>ul{width:0;height:0;overflow:hidden;position:absolute;display:block;background:light-dark(white,#333);right:1em;place-items:unset;top:2.4em;border:.1rem solid light-dark(#00000020,#ffffff20);transform:translate(50%);z-index:50}&.open{&:before{content:"";position:fixed;inset:0;background:#00000040;z-index:99}>ul{z-index:100;transform:none;position:fixed;right:0;top:0;height:100%;border-top:0;border-bottom:0;width:80%;transition:width .2s ease-in;display:flex;flex-direction:column;>li{padding:.4em .8em .4em 1.5em;display:flex;place-items:center;gap:.5em;margin-left:0;margin-right:0;width:auto;color:light-dark(#000000c0,#ffffffe0);&:first-child{border-bottom:.1rem solid light-dark(#00000020,#ffffff40);padding-top:.7em;padding-bottom:.7em;margin-bottom:.3em;>span{flex:1;text-align:left}>a:last-child{place-content:center;display:flex}}&:last-child{flex:1;place-items:end;padding-bottom:1em}}}}}}}.home{h1{margin:.5em .5em .6em .6em;font-size:2rem}>div{flex-direction:column-reverse;margin-top:0;.demogame{.board{font-size:25vw;@media (-webkit-min-device-pixel-ratio: 2){font-size:12.5vw}}+div{padding:0;p{padding:0 1em}.pairing{border-top:.1rem solid light-dark(#00000010,#ffffff20);margin-bottom:1em;a{margin:unset}}}>p{padding:0 4rem;font-size:.8em}}}}.static-content{padding:0 1em;.toc{flex:unset}.text{.game-player{flex-direction:column;gap:.5em;margin:0 auto;.board{margin:0 auto}.comment{padding:0 2em;color:light-dark(#666,#ccc)}}}}@media (-webkit-min-device-pixel-ratio: 2){>div .demogame .board{font-size:12.5vw}}.game{flex-direction:column;padding-top:0;.board{font-size:25vw;@media (-webkit-min-device-pixel-ratio: 2){font-size:12.5vw}}.players{place-content:center;>*{flex:unset}}.move-modes{margin:.8em .5em 0;>a{height:2em;font-size:.9em;display:flex;place-content:center;place-items:center;padding:.3em;.icon{width:1.3em;height:1.3em;margin:0 .5em 0 0}}}.guidance{margin:1em .5em 0;padding:0;position:relative;min-height:3em;&:not(.with-timer){place-items:center;p{padding-left:0}}&.with-timer{padding-left:15%;p{padding-left:1em;text-align:left}}p{padding-top:0}.failed-move{border:0;text-align:center;display:block;color:light-dark(#666,#ccc);.icon{display:none}span:first-child{display:inline;&:after{content:": "}}}.move-timer{position:absolute;left:0;top:0;width:15%;font-size:.8em;margin:0 0 0 2.5%}}.game-buttons{border-top:1px solid light-dark(#00000010,#ffffff20);margin:1em 0 .5em;>a,>span{height:2em;padding-top:.8em;font-size:.9em;.icon{width:1.3em;height:1.3em}}}.pairing{border-top:.1rem solid light-dark(#00000010,#ffffff20);margin-top:1em;margin-bottom:0;a{margin:unset}}}.play-controls{svg{margin:0 1em}}.login{h1{margin:.5em .5em .6em .6em;font-size:2rem}>div{padding:0 1em;flex-direction:column-reverse;>div{padding:0;border:0}}button{margin-bottom:1em;margin-top:1em}}.register{padding:0;h1{margin:.5em 0 0;font-size:2rem}form{padding:0 1em;flex-direction:column-reverse;dl{flex-direction:column;dt{margin-bottom:.5em;display:flex;flex-direction:column;position:relative;input{width:auto;+a{right:.4em;bottom:.2em}}}dd{font-size:.8em;border:0;padding:0;margin-bottom:.5em}}button{margin-bottom:1em;margin-top:1em}}}.challenge{h1{margin:.5em .5em .6em .6em;font-size:2rem}>p{padding:0 1em;color:light-dark(#666,#aaa)}>hr{display:none}}.forgot-password{h1{margin:.5em .5em .6em .6em;font-size:2rem}>div{padding:0 1em;flex-direction:column-reverse;>div{padding:0;border:0}}button{margin-bottom:1em;margin-top:1em}}.delete-account{h2{margin:.5em 0 .6em;font-size:2rem}p{margin-top:0;color:light-dark(#666,#aaa)}}.admin{.content{flex-direction:column;.toc{>ul{margin:1em 0 0}}.text{h1{margin:1rem 0 0;font-size:2rem}}}}}.app>.header{padding:1rem 0;border-bottom:.1rem solid light-dark(#00000020,#ffffff40);>div{width:58rem;margin:0 auto;position:relative;display:flex;place-items:center;.logo{font-family:Ancizar Serif,serif;flex:1;text-align:left;font-size:1.5rem;color:unset;text-decoration:none;background:url(/logo.png) no-repeat left center;background-size:contain;padding-left:1.7em;@media (prefers-color-scheme: dark){background-image:url(/logo-white.png)}}ul{white-space:nowrap;list-style-type:none;padding:0;margin:0;display:flex;place-items:center;li{display:inline-block;margin:0 1rem;a{color:light-dark(#000000a0,#ffffffc0);text-decoration:none}svg{width:1.6em;height:1.6em}}}.dropdown{position:relative;>a{border:.1rem solid light-dark(white,#333);margin:-.2em -.8em -.5em -.5em;padding:.5em .8em}>ul{display:none}}}.players{place-content:center;padding-right:1em;display:flex;.white,.black{color:unset;text-decoration:none;max-width:25vw;overflow:hidden;display:inline-block;text-overflow:ellipsis;white-space:nowrap}.white{margin-right:.3em}.black{margin-left:.3em}em{overflow:hidden;display:inline-block;opacity:.7}}}.app:not(.mobile){>.header>div .dropdown:hover{>ul{position:absolute;display:block;background:light-dark(white,#333);right:1em;place-items:unset;top:2.4em;border:.1rem solid light-dark(#00000020,#ffffff20);transform:translate(50%);z-index:50;&:after{width:1em;height:1em;display:block;content:" ";border:.1rem solid light-dark(#ccc,#666);transform:rotate(45deg) translate(-50%);clip-path:polygon(0 0,100% 0,0 100%);background:light-dark(white,#333);left:50%;top:calc(-.2em + .1rem);position:absolute}li{display:block;text-align:center;padding:.4em .5em;&:first-child{border-bottom:.1rem solid light-dark(#00000020,#ffffff40);padding-top:.7em;padding-bottom:.7em;margin-bottom:.3em}&:last-child{padding-bottom:.7em}}}}}.app>.footer{padding:1em 0;border-top:.1rem solid light-dark(#00000010,#ffffff40);>div{width:58rem;margin:0 auto;position:relative;font-size:.8rem;display:flex;>*{flex:1}.left{>a{display:inline-block;margin-left:.3em;white-space:nowrap}}.middle{text-align:center}.right{text-align:right;a{display:inline-block;margin:0 0 0 1em;color:light-dark(#00000080,#ffffffa0)}}}}.pairing{display:flex;flex-direction:column;a{flex:1;color:light-dark(#333,#e8e8e8);text-decoration:none;margin:0 3rem 0 0;text-align:left;padding:1em 0 1em 4em;position:relative;+a{border-top:.1rem solid light-dark(#00000010,#ffffff20)}svg{position:absolute;width:2em;height:1.5em;left:1em;top:.9em;color:light-dark(#888,#aaa)}&:hover,&.searching{color:light-dark(#0066cc,#33aaff);svg{color:light-dark(#0066cc,#33aaff)}}&.running{color:light-dark(#009900,#00cc33);svg{color:light-dark(#009900,#00cc33)}}}p{text-align:center}.cancel-search{position:absolute;right:2em;top:.5em;font-size:1.3em;margin:0;padding:0;svg{left:0;top:0}}}span.piece-K,span.piece-Q,span.piece-R,span.piece-B,span.piece-N,span.piece-P,span.piece-k,span.piece-q,span.piece-r,span.piece-b,span.piece-n,span.piece-p{transition:left .1s ease-out,top .1s ease-out;&.piece-K .under,&.piece-K .over{background-position-x:0em;background-position-y:0em}&.piece-Q .under,&.piece-Q .over{background-position-x:-1em;background-position-y:0em}&.piece-R .under,&.piece-R .over{background-position-x:-4em;background-position-y:0em}&.piece-B .under,&.piece-B .over{background-position-x:-2em;background-position-y:0em}&.piece-N .under,&.piece-N .over{background-position-x:-3em;background-position-y:0em}&.piece-P .under,&.piece-P .over{background-position-x:-5em;background-position-y:0em}&.piece-k .under,&.piece-k .over{background-position-x:0em;background-position-y:-1em}&.piece-q .under,&.piece-q .over{background-position-x:-1em;background-position-y:-1em}&.piece-r .under,&.piece-r .over{background-position-x:-4em;background-position-y:-1em}&.piece-b .under,&.piece-b .over{background-position-x:-2em;background-position-y:-1em}&.piece-n .under,&.piece-n .over{background-position-x:-3em;background-position-y:-1em}&.piece-p .under,&.piece-p .over{background-position-x:-5em;background-position-y:-1em}.over{content:"";position:absolute;inset:0;background-image:url(/assets/pieces-DbhjkX3f.png);background-repeat:no-repeat;background-size:6em}.under{content:"";position:absolute;inset:0;background-image:url(/assets/outlines-Do0I0mJK.png);background-repeat:no-repeat;background-size:6em;background-position-y:0em!important;opacity:.25}}div.board{--size: 5em;position:relative;display:flex;width:8em;height:8em;font-size:50px;background-image:url(data:image/png;base64,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);background-size:contain;background-color:#fff;user-select:none;>span,>em,>strong{width:1em;height:1em;position:absolute;display:block;place-content:center;>.point{font-size:.2em}}>span{z-index:20}>em{z-index:25}>strong{z-index:15;background:#00228840}svg{z-index:10;position:absolute}.x-0,[data-x="0"]{left:7em}.x-1,[data-x="1"]{left:6em}.x-2,[data-x="2"]{left:5em}.x-3,[data-x="3"]{left:4em}.x-4,[data-x="4"]{left:3em}.x-5,[data-x="5"]{left:2em}.x-6,[data-x="6"]{left:1em}.x-7,[data-x="7"]{left:0}.y-0,[data-y="0"]{top:7em}.y-1,[data-y="1"]{top:6em}.y-2,[data-y="2"]{top:5em}.y-3,[data-y="3"]{top:4em}.y-4,[data-y="4"]{top:3em}.y-5,[data-y="5"]{top:2em}.y-6,[data-y="6"]{top:1em}.y-7,[data-y="7"]{top:0}span{&.selected,&[data-selected]{background-color:#00aa8830}&.hilite:before,&[data-hilite]:before{position:absolute;inset:.05em;border-radius:.1em;border:.04em solid #00332260;content:""}.probability{font-size:.15em;position:absolute;left:50%;top:80%;transform:translate(-50%,-50%);display:inline-block;padding:0 .1rem;border-radius:.2rem}&.piece-k,&.piece-q,&.piece-r,&.piece-b,&.piece-n,&.piece-p{.probability{background:#ffffffb0}}&.piece-K,&.piece-Q,&.piece-R,&.piece-B,&.piece-N,&.piece-P{.probability{background:#00000090;color:#fff}}}em{&:before{content:"";display:block;width:.3em;height:.3em;background:#00aa88a0;border-radius:100%;margin:auto}&.fixed:before{background:#000}}.legend-x{position:absolute;top:100%;left:0;width:100%;height:.2em;display:flex;text-align:center;>i{flex:1;font-size:.2em;font-style:normal;line-height:1;color:light-dark(#00000060,#ffffff60);&:nth-child(1):before{content:"a"}&:nth-child(2):before{content:"b"}&:nth-child(3):before{content:"c"}&:nth-child(4):before{content:"d"}&:nth-child(5):before{content:"e"}&:nth-child(6):before{content:"f"}&:nth-child(7):before{content:"g"}&:nth-child(8):before{content:"h"}}}.legend-y{position:absolute;right:100%;top:0;height:100%;width:.2em;display:flex;flex-direction:column;>i{flex:1;place-content:center;font-size:.2em;font-style:normal;text-align:right;padding-right:.2rem;color:light-dark(#00000060,#ffffff60);&:nth-child(1):before{content:"8"}&:nth-child(2):before{content:"7"}&:nth-child(3):before{content:"6"}&:nth-child(4):before{content:"5"}&:nth-child(5):before{content:"4"}&:nth-child(6):before{content:"3"}&:nth-child(7):before{content:"2"}&:nth-child(8):before{content:"1"}}}.arrow{position:absolute;left:1.5em;top:2.5em;width:2.8em;clip-path:polygon(.1em 0,calc(100% - .1em) 0,calc(100% - .1em) 3px,.1em 3px);height:3px;background:repeating-linear-gradient(to right,#ffffff80,#ffffff80 3px,green 3px 6px);margin-top:-2px;transform-origin:0 0;z-index:10;&[data-y="0"]{top:7.5em}&[data-y="1"]{top:6.5em}&[data-y="2"]{top:5.5em}&[data-y="3"]{top:4.5em}&[data-y="4"]{top:3.5em}&[data-y="5"]{top:2.5em}&[data-y="6"]{top:1.5em}&[data-y="7"]{top:.5em}&[data-x="0"]{left:7.5em}&[data-x="1"]{left:6.5em}&[data-x="2"]{left:5.5em}&[data-x="3"]{left:4.5em}&[data-x="4"]{left:3.5em}&[data-x="5"]{left:2.5em}&[data-x="6"]{left:1.5em}&[data-x="7"]{left:7.5em}&[data-length="7-7"]{width:9.899494936611665em}&[data-length="7-6"]{width:9.219544457292887em}&[data-length="7-5"]{width:8.602325267042627em}&[data-length="7-4"]{width:8.06225774829855em}&[data-length="7-3"]{width:7.615773105863909em}&[data-length="7-2"]{width:7.280109889280518em}&[data-length="7-1"]{width:7.0710678118654755em}&[data-length="7-0"]{width:7em}&[data-length="6-6"]{width:8.48528137423857em}&[data-length="6-5"]{width:7.810249675906654em}&[data-length="6-4"]{width:7.211102550927978em}&[data-length="6-3"]{width:6.708203932499369em}&[data-length="6-2"]{width:6.324555320336759em}&[data-length="6-1"]{width:6.082762530298219em}&[data-length="6-0"]{width:6em}&[data-length="5-5"]{width:7.0710678118654755em}&[data-length="5-4"]{width:6.4031242374328485em}&[data-length="5-3"]{width:5.830951894845301em}&[data-length="5-2"]{width:5.385164807134504em}&[data-length="5-1"]{width:5.0990195135927845em}&[data-length="5-0"]{width:5em}&[data-length="4-4"]{width:5.656854249492381em}&[data-length="4-3"]{width:5em}&[data-length="4-2"]{width:4.47213595499958em}&[data-length="4-1"]{width:4.123105625617661em}&[data-length="4-0"]{width:4em}&[data-length="3-3"]{width:4.242640687119285em}&[data-length="3-2"]{width:3.605551275463989em}&[data-length="3-1"]{width:3.1622776601683795em}&[data-length="3-0"]{width:3em}&[data-length="2-2"]{width:2.8284271247461903em}&[data-length="2-1"]{width:2.23606797749979em}&[data-length="2-0"]{width:2em}&[data-length="1-1"]{width:1.4142135623730951em}&[data-length="1-0"]{width:1em}}&.rotated{.x-0,[data-x="0"]{left:0}.x-1,[data-x="1"]{left:1em}.x-2,[data-x="2"]{left:2em}.x-3,[data-x="3"]{left:3em}.x-4,[data-x="4"]{left:4em}.x-5,[data-x="5"]{left:5em}.x-6,[data-x="6"]{left:6em}.x-7,[data-x="7"]{left:7em}.y-0,[data-y="0"]{top:0}.y-1,[data-y="1"]{top:1em}.y-2,[data-y="2"]{top:2em}.y-3,[data-y="3"]{top:3em}.y-4,[data-y="4"]{top:4em}.y-5,[data-y="5"]{top:5em}.y-6,[data-y="6"]{top:6em}.y-7,[data-y="7"]{top:7em}.legend-x>i{&:nth-child(1):before{content:"h"}&:nth-child(2):before{content:"g"}&:nth-child(3):before{content:"f"}&:nth-child(4):before{content:"e"}&:nth-child(5):before{content:"d"}&:nth-child(6):before{content:"c"}&:nth-child(7):before{content:"b"}&:nth-child(8):before{content:"a"}}.legend-y>i{&:nth-child(1):before{content:"1"}&:nth-child(2):before{content:"2"}&:nth-child(3):before{content:"3"}&:nth-child(4):before{content:"4"}&:nth-child(5):before{content:"5"}&:nth-child(6):before{content:"6"}&:nth-child(7):before{content:"7"}&:nth-child(8):before{content:"8"}}.arrow{&[data-y="0"]{top:.5em}&[data-y="1"]{top:1.5em}&[data-y="2"]{top:2.5em}&[data-y="3"]{top:3.5em}&[data-y="4"]{top:4.5em}&[data-y="5"]{top:5.5em}&[data-y="6"]{top:6.5em}&[data-y="7"]{top:7.5em}&[data-x="0"]{left:.5em}&[data-x="1"]{left:1.5em}&[data-x="2"]{left:2.5em}&[data-x="3"]{left:3.5em}&[data-x="4"]{left:4.5em}&[data-x="5"]{left:5.5em}&[data-x="6"]{left:6.5em}&[data-x="7"]{left:7.5em}}}}.move-timer{position:relative;width:30%;margin:auto;svg{width:100%;height:100%;margin:auto}label{color:light-dark(#666,#ccc);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);line-height:0;margin-top:-.1em}}.play-controls{margin-top:1em;display:flex;place-content:center;user-select:none;svg{width:1.5em;height:1.5em;color:#999;margin:0 1.5em}}.game-end{position:absolute;white-space:nowrap;z-index:2000;left:0;top:0;width:100%;height:100%;overflow:hidden;background:#ffffff80;animation:before-removal 1s linear;animation-delay:3s;span{position:absolute;left:50%;top:50%;color:#333;transform:translate(-50%,-50%);animation:caption 3s linear;font-size:1em;opacity:0}&:before{content:"";border-radius:100%;border:0 solid #88888840;position:absolute;left:50%;top:50%;width:0;height:0;transform:translate(-50%,-50%);animation:circle 2s linear}&.bad:before{border-color:#88000040}&.good:before{border-color:#00880040}}@keyframes before-removal{0%{opacity:1}to{opacity:0}}@keyframes caption{0%{opacity:1}66%{opacity:1}71%{opacity:1}76%{opacity:1}81%{opacity:1}86%{opacity:.75}91%{opacity:.5}96%{opacity:.25}to{opacity:0}}@keyframes circle{0%{border-width:0;width:0;height:0}5%{border-width:1em;width:0;height:0}10%{border-width:2em;width:0;height:0}15%{border-width:3em;width:0;height:0}20%{border-width:4em;width:0;height:0}25%{border-width:5em;width:0;height:0}30%{border-width:6em;width:0;height:0}35%{border-width:6em;width:1em;height:1em}40%{border-width:6em;width:2em;height:2em}45%{border-width:6em;width:3em;height:3em}50%{border-width:6em;width:4em;height:4em}55%{border-width:6em;width:5em;height:5em}60%{border-width:6em;width:6em;height:6em}65%{border-width:6em;width:7em;height:7em}70%{border-width:6em;width:8em;height:8em}75%{border-width:6em;width:9em;height:9em}80%{border-width:6em;width:10em;height:10em}85%{border-width:6em;width:11em;height:11em}90%{border-width:6em;width:12em;height:12em}to{border-width:6em;width:12em;height:12em;display:none}}.game{display:flex;padding-top:.5em;.board{font-size:5em}.controls{flex:1;overflow:hidden;height:40em;display:flex;flex-direction:column;user-select:none}.move-modes{display:flex;gap:.5em;margin:0 0 .5em .5em;>a{display:inline-block;flex:1;border:.1rem solid light-dark(#00000010,#ffffff40);height:3em;text-align:center;padding:.5em .5em .7em;color:light-dark(#00000055,#ffffff40);.icon{width:2em;height:2em;display:block;margin:auto;color:light-dark(#00000055,#ffffff40)}&.selected{color:light-dark(black,#fffffff0);border-color:light-dark(black,#fffffff0);.icon{color:light-dark(black,#fffffff0)}}}&.inactive{a{cursor:default;color:light-dark(#00000055,#ffffff40)!important;border-color:light-dark(#00000010,#ffffff40)!important;.icon{color:light-dark(#00000055,#ffffff40)!important}}}}.guidance{flex:1;margin:1em;text-align:center}.players{text-align:center;display:flex;font-size:1.2rem;margin:0 1em;padding-bottom:.5em;&:not(:last-child){border-bottom:.1rem solid light-dark(#00000010,#ffffff40)}a{flex:1;display:inline-block;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 .5em;color:light-dark(black,white);text-decoration:none;user-select:all;&:hover{color:light-dark(#00000080,#ffffff80)}&:first-child{text-align:right;padding-left:0}&:last-child{text-align:left;padding-right:0}}}.game-buttons{display:flex;gap:.5em;margin:.5em 0 .5em .5em;>a,>span{display:inline-block;flex:1;height:3em;text-align:center;padding:.5em .5em .7em;color:light-dark(#666,#ccc);.icon{width:2em;height:2em;display:block;margin:auto;color:light-dark(#999,#999)}}>span,>a.highlight{color:light-dark(#0099aa,#33ccff);.icon{color:light-dark(#0099aa,#00ccff)}}>a.highlight-red{color:light-dark(#aa0099,#ff66cc);.icon{color:light-dark(#aa0099,#ff66cc)}}}.pairing{flex:100;padding:0 1em;text-align:center;a{flex:unset;margin:0}.cancel-search{top:.5em}}.balance{display:flex;font-size:1rem;.white,.black{flex:1;>span{display:inline-block;width:1em;height:1em;position:relative}}.white{text-align:right;padding-right:1em;border-right:.1rem solid light-dark(#00000010,#ffffff40)}.black{padding-left:1em}em{display:inline-block;font-size:.8em;height:1em;position:relative;top:-.2em}}.failed-move{display:flex;gap:1em;place-items:center;padding-left:1.7em;border-top:1px solid light-dark(#00000010,#ffffff20);padding-top:1em;svg{width:2em;height:2em;color:light-dark(#ccc,#666)}>div{text-align:left;>span:first-child{display:block;font-weight:700}}}}.home{display:flex;flex-direction:column;h1{margin-bottom:.5rem}>div{display:flex;margin-top:1em;p{margin:0 0 1em}.demogame{flex:1;.game{padding-top:0}.board{font-size:3.7em}>p{text-align:center;margin:.5rem 0;font-size:.8rem;color:light-dark(#00000090,#ffffff90);padding:0 6rem}+div{padding-left:1.5rem;flex:1}}}.pairing{margin-top:1rem}}.login,.forgot-password{h1{margin:1em 0 0}>div{display:flex;padding:1em 0;>div{flex:1;padding:1em 0 0 2em;margin:0;border-left:.1rem solid light-dark(#00000020,#ffffff40);color:light-dark(#666,#aaa);a{text-decoration:underline}}>form{flex:1;label{display:block;margin:1em 0 .5em}input{border:0;border-bottom:.1rem solid light-dark(#00000040,#ffffff60);padding:.6em .8em .6em 0;width:90%;outline:0;font-size:1em;margin-bottom:1em;background:transparent;&:focus{border-color:light-dark(#0066cc,#33aaff)}}}.error{color:light-dark(red,#ff7575);a{color:light-dark(#cc0000,#ff5959)}}}}.register{padding:2em 0;h1{margin:0 0 1rem}form{flex:1;dl{display:flex;margin:0;dd{flex:1;border-left:.1rem solid light-dark(#00000020,#ffffff40);margin:0;padding:1em 0 1em 2em;color:light-dark(#666,#aaa);a{text-decoration:underline}}dt{flex:1;margin:0 0 1em;label{display:block;margin:1em 0 .5em}canvas{height:1.5em;width:9em;display:block;margin:1em 0 0}input{border:0;border-bottom:.1rem solid light-dark(#00000040,#ffffff60);padding:.6em .8em .6em 0;width:90%;outline:0;font-size:1em;background:transparent;&:focus{border-color:light-dark(#0066cc,#33aaff)}+a{position:absolute;margin-left:-2em;margin-top:.5em;svg{width:1.5em;height:1.5em;color:#999}}}}}.error{color:light-dark(red,#ff7575);a{color:light-dark(#cc0000,#ff5959)}}}}.static-content{.content{display:flex;.toc{flex:1;>ul{position:sticky;top:5rem;margin-top:5rem;list-style-type:none;margin-left:0;padding-left:0;line-height:1.6;ul{padding-left:3em}}}.text{flex:2.5;line-height:1.4}}a[id]{color:unset;cursor:unset}blockquote{color:light-dark(#333,#ffffffc0);margin:1rem 1rem 1rem 2rem}}.invite{dl{display:flex;dt svg{width:1.2em;height:1.2em;color:light-dark(#0066cc,#33aaff);margin-left:.5em;position:relative;top:.1em}dd{margin-left:.5em;span{color:#999;&:before{content:"("}&:after{content:")"}}}}}.game-player{display:flex;margin:1rem 2rem;gap:1.5rem;>div:first-child{font-size:2.5rem;.board{font-size:1em}.play-controls{font-size:.3em}}.comment{color:light-dark(#333,#e8e8e8);flex:1;p{margin:0 0 1em}}}table.table{width:100%;thead{th{text-align:left;a{text-decoration:none;color:unset}}}thead>tr:first-child>td{position:relative;input{width:100%;border:0;border-bottom:1px solid #ccc;outline:0;font-size:1rem;background:transparent}span{position:absolute;right:0;top:0}}tbody{tr{td{border-bottom:1px solid light-dark(#e8e8e8,#666);padding:.2em 0;a{text-decoration:none}}}}}#root{display:flex;flex-direction:column;min-height:100%;width:100%}.app{display:flex;flex-direction:column;min-height:100%;>.body{flex:1;display:flex;flex-direction:column;width:58rem;margin:0 auto;>*{flex:1}}}.no-mobile{padding:2em;flex:1;place-content:center;font-size:1.1rem;h2{text-align:center}.logo{display:block;font-size:4rem;margin:0 auto;height:1em;width:1em;background:url(/logo.png) no-repeat left center;background-size:contain;@media (prefers-color-scheme: dark){background-image:url(/logo-white.png)}}a{text-decoration:underline}}