#stacks_in_3 {
}

#stacks_in_4 {
}

#stacks_in_5 {
}

:root{--lvf-blue:rgba(19, 41, 75, 1.00)}
:root{--lvf-gold:rgba(217, 200, 157, 1.00)}
:root{--lvf-grey:rgba(199, 201, 199, 1.00)}
:root{--my-white:rgba(255, 255, 255, 1.00)}
:root{--my-grey:rgba(217, 218, 222, 1.00)}
:root{--my-slight-grey:rgba(229, 227, 229, 0.50)}
:root{--my-link:rgba(69, 86, 124, 1.00)}
:root{--my-blue:rgba(44, 115, 225, 1.00)}
:root{--my-sky-blue:rgba(205, 225, 255, 1.00)}
:root{--my-slight-blue:rgba(69, 86, 124, 1.00)}
:root{--my-subtle-blue:rgba(124, 156, 230, 0.32)}
:root{--my-subtle-cream:rgba(246, 228, 184, 0.31)}
:root{--green-highlight:rgba(218, 244, 215, 1.00)}
:root{--my-dark-blue:rgba(0, 21, 52, 1.00)}
:root{--my-yellow:rgba(255, 240, 0, 1.00)}
:root{--my-green:rgba(0, 61, 39, 1.00)}
#board{width:70.00% !important;min-width:70.00% !important;max-width:100.00% !important;}@media only screen and (min-width:50em){#board{width:100.00% !important}}@media only screen and (min-width:75em){#board{width:100.00% !important}}
#gameHeader{width:fit-content ;min-width:60.00% ;max-width:100.00% ;}  
.MainContainer{height:20.00vh ;min-height:200px ;max-height:1000px ;}@media only screen and (min-width:40em){.MainContainer{height:25.00vh }}@media only screen and (min-width:64em){.MainContainer{height:25.00vh }}
#promote{width:fit-content ;}  
#gold,#promotionSelector label{color:var(--lvf-gold) ;}
.myScroll{min-height:130px ;max-height:30vh ;}

#stacks_in_664 {
}
.myScroll{  overflow-y:scroll }

:root{--my-light-blue:rgba(189, 218, 255, 1.00)}

#stacks_in_670 {
}
:root{--blue-grey:rgba(177, 197, 226, 1.00)}
#promotionSelector select{background-color:var(--my-sky-blue) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll   ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){#promotionSelector select{background-attachment:scroll!important}}
#board{border-radius:10px ;}
#board{box-shadow: 10px 10px 5px 0px rgba(28, 20, 0, 1.00);}
.circle{display:flex;align-items:center;aspect-ratio:1/1;}
.circle{border-radius:50% ;}
#black-circle{background-color:rgba(11, 30, 61, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll   ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){#black-circle{background-attachment:scroll!important}}
#white-circle{background-color:rgba(255, 255, 255, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll   ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){#white-circle{background-attachment:scroll!important}}
#white-circle,#black-circle{position: absolute   ;z-index:1 ;top:unset ;bottom:unset ;left:unset ;right:unset ;transform:translateX(-50%) ;}
.circle{position: absolute   ;z-index:1 ;top:unset ;bottom:unset ;left:unset ;right:unset ;}
.circle{width:20.00px ;min-width:20.00px ;max-width:36.00px ;}@media only screen and (min-width:50em){.circle{width:28.00px }}@media only screen and (min-width:75em){.circle{width:35.00px }}

#stacks_in_683 {
}
/*!* Font Awesome Pro 5.14.0 by @fontawesome - https://fontawesome.com* License - https://fontawesome.com/license (Commercial License)*/@font-face{font-family:'Font Awesome 5 Duotone';font-style:normal;font-weight:900;font-display:block;src:url("/site-assets/stacks/ws.foundation.fa5.css/fa5-fonts/fa-duotone-900.eot");src:url("/site-assets/stacks/ws.foundation.fa5.css/fa5-fonts/fa-duotone-900.eot?#iefix") format("embedded-opentype"),url("/site-assets/stacks/ws.foundation.fa5.css/fa5-fonts/fa-duotone-900.woff2") format("woff2"),url("/site-assets/stacks/ws.foundation.fa5.css/fa5-fonts/fa-duotone-900.woff") format("woff"),url("/site-assets/stacks/ws.foundation.fa5.css/fa5-fonts/fa-duotone-900.ttf") format("truetype"),url("/site-assets/stacks/ws.foundation.fa5.css/fa5-fonts/fa-duotone-900.svg#fontawesome") format("svg")}.fad{position:relative;font-family:'Font Awesome 5 Duotone';font-weight:900}@font-face{font-family:'Font Awesome 5 Pro';font-style:normal;font-weight:900;font-display:block;src:url("/site-assets/stacks/ws.foundation.fa5.css/fa5-fonts/fa-solid-900.eot");src:url("/site-assets/stacks/ws.foundation.fa5.css/fa5-fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"),url("/site-assets/stacks/ws.foundation.fa5.css/fa5-fonts/fa-solid-900.woff2") format("woff2"),url("/site-assets/stacks/ws.foundation.fa5.css/fa5-fonts/fa-solid-900.woff") format("woff"),url("/site-assets/stacks/ws.foundation.fa5.css/fa5-fonts/fa-solid-900.ttf") format("truetype"),url("/site-assets/stacks/ws.foundation.fa5.css/fa5-fonts/fa-solid-900.svg#fontawesome") format("svg")}.fa,.fas{font-family:'Font Awesome 5 Pro';font-weight:900} .fullscreen-icon:before{font-family:'Font Awesome 5 Pro' !important;font-weight:900} 

            .MyMenu{font-size:calc(14rem/16) ;}@media only screen and (min-width:40em) {            .MyMenu{font-size:calc(16rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) {            .MyMenu{font-size:calc(18rem/16) ;line-height:1.50 }}
            .altmenu{font-size:calc(14rem/16) ;}@media only screen and (min-width:40em) {            .altmenu{font-size:calc(16rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) {            .altmenu{font-size:calc(18rem/16) ;line-height:1.50 }}

#stacks_in_315 {
}


@font-face{font-family:ChessInformantReader;font-style:normal;font-weight:normal;src:url("/fonts/ChessInformantReader.woff") format("woff");}
  .NAGs, .NAGl, .fontpro-stacks_in_317{font-family:"ChessInformantReader",sans-serif }

@font-face{font-family:Valentina;font-style:normal;font-weight:normal;src:url("/fonts/Valentina-Regular.otf") format("opentype");}
  h1,h6,h2,h3,#analyseModeBanner, .fontpro-stacks_in_319{font-family:"Valentina",sans-serif !important}

@font-face{font-family:ChessMerida;font-style:normal;font-weight:normal;src:url("/fonts/ChessSansMerida.woff") format("woff");}
  GameText, .fontpro-stacks_in_544{font-family:"ChessMerida",sans-serif }

#stacks_in_320 {
}
            .button.medium{font-size:calc(10rem/16) ;}@media only screen and (min-width:40em) {            .button.medium{font-size:calc(14rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) {            .button.medium{font-size:calc(14rem/16) ;line-height:1.50 }}
@font-face{font-style:normal;font-family:'ChessMerida';font-display:swap;font-stretch:normal;font-weight:400;src:local('MyFont'),url('/fonts/ChessSansMerida') format('woff')}            #promotionSelector select{font-family:"ChessMerida",ui-sans-serif, system-ui, -system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" }

.bottom{border-radius:0px 0px 50px 50px ;}
.top{border-radius:50px 50px 0px 0px ;}
.grey-back{background-color:rgba(199, 201, 199, 0.50) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll   ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.grey-back{background-attachment:scroll!important}}

#stacks_in_328 {
}
.tooltip, .tooltip:before{--tooltip-background:var(--lvf-blue) ;}

 .MyMenu>.menu a, .menu.MyMenu a{--menu-link-color:rgba(217, 200, 157, 1.00);--menu-link-color-hover:rgba(217, 200, 157, 1.00);--menu-bg-color:rgba(76, 89, 132, 0.00);--menu-caret-color:rgba(76, 89, 132, 1.00);--menu-border-accent:2px solid var(--menu-link-color)} .MyMenu>.menu .menu-text, .menu.MyMenu .menu-text{--menu-text-color:rgba(255, 255, 255, 1.00)} .MyMenu>.menu a:hover, .menu.MyMenu a:hover{--menu-bg-color:rgba(19, 41, 75, 1.00)} .MyMenu>.menu .submenu a:hover, .menu.MyMenu .submenu a:hover{--menu-bg-color:rgba(254, 254, 254, 1.00)} .MyMenu>.menu>li>a, .menu.MyMenu>li>a{padding-top:0.5rem;padding-bottom:0.5rem} .MyMenu>.menu .submenu>li>a, .menu.MyMenu .submenu>li>a{padding-top:0.75rem;padding-bottom:0.75rem} .MyMenu>.menu li.active>a, .MyMenu>.menu li.is-active>a, .MyMenu>.menu a.is-active, .menu.MyMenu li.active>a, .menu.MyMenu li.is-active>a, .menu.MyMenu a.is-active{--menu-bg-color:rgba(11, 30, 61, 1.00);--menu-link-color:rgba(217, 200, 157, 1.00);--menu-caret-color:rgba(255, 255, 255, 1.00);--menu-link-color-hover:rgba(217, 200, 157, 1.00)} .MyMenu>.menu .submenu li.active>a, .MyMenu>.menu .submenu li.is-active>a, .MyMenu>.menu .submenu a.is-active, .menu.MyMenu .submenu li.active>a, .menu.MyMenu .submenu li.is-active>a, .menu.MyMenu .submenu a.is-active{--menu-caret-color:rgba(255, 255, 255, 1.00)} .MyMenu>.menu .submenu a, .menu.MyMenu .submenu a{--menu-caret-color:rgba(94, 110, 150, 1.00)} .MyMenu>.menu .submenu, .menu.MyMenu .submenu{--submenu-bg-color:rgba(254, 254, 254, 1.00);--submenu-border:1px solid rgba(202, 202, 202, 1.00)} .MyMenu>.menu .submenu a, .menu.MyMenu .submenu a{--menu-bg-color:transparent;--menu-link-color:rgba(34, 34, 34, 1.00);--menu-link-color-hover:rgba(68, 68, 68, 1.00)} .MyMenu>.menu .submenu .menu-text, .menu.MyMenu .submenu .menu-text{--menu-text-color:rgba(68, 68, 68, 1.00)} .MyMenu>.menu .submenu li.active>a, .MyMenu>.menu .submenu li.is-active>a, .MyMenu>.menu .submenu a.is-active, .menu.MyMenu .submenu li.active>a, .menu.MyMenu .submenu li.is-active>a, .menu.MyMenu .submenu a.is-active{--menu-caret-color:rgba(255, 255, 255, 1.00);--menu-bg-color:rgba(94, 110, 150, 1.00);--menu-link-color:rgba(254, 254, 254, 1.00);--menu-link-color-hover:rgba(254, 254, 254, 1.00)}
 .top-bar.MyMenu, .top-bar.MyMenu ul{--topbar-background:rgba(255, 255, 255, 1.00)} .top-bar.MyMenu{padding:1rem 0.5rem} .title-bar.MyMenu{--titlebar-background:rgba(19, 41, 75, 1.00);--titlebar-color:rgba(254, 254, 254, 1.00);padding:0.25rem} .title-bar.MyMenu .menu-icon{--hamburger-color:rgba(254, 254, 254, 1.00);--hamburger-width:2rem;--hamburger-height:1.5rem;--hamburger-weight:4px}
 .altmenu>.menu a, .menu.altmenu a{--menu-link-color:rgba(255, 255, 255, 1.00);--menu-link-color-hover:rgba(11, 30, 61, 1.00);--menu-bg-color:rgba(19, 41, 75, 0.00);--menu-caret-color:rgba(97, 103, 173, 1.00);--menu-border-accent:2px solid var(--menu-link-color)} .altmenu>.menu .menu-text, .menu.altmenu .menu-text{--menu-text-color:rgba(255, 255, 255, 1.00)} .altmenu>.menu a:hover, .menu.altmenu a:hover{--menu-bg-color:rgba(199, 201, 199, 1.00)} .altmenu>.menu .submenu a:hover, .menu.altmenu .submenu a:hover{--menu-bg-color:rgba(254, 254, 254, 1.00)} .altmenu>.menu>li>a, .menu.altmenu>li>a{padding-top:1rem;padding-bottom:1rem} .altmenu>.menu .submenu>li>a, .menu.altmenu .submenu>li>a{padding-top:0.75rem;padding-bottom:0.75rem} .altmenu>.menu li.active>a, .altmenu>.menu li.is-active>a, .altmenu>.menu a.is-active, .menu.altmenu li.active>a, .menu.altmenu li.is-active>a, .menu.altmenu a.is-active{--menu-bg-color:rgba(255, 255, 255, 1.00);--menu-link-color:rgba(212, 188, 134, 1.00);--menu-caret-color:rgba(255, 255, 255, 1.00);--menu-link-color-hover:rgba(212, 188, 134, 1.00)} .altmenu>.menu .submenu li.active>a, .altmenu>.menu .submenu li.is-active>a, .altmenu>.menu .submenu a.is-active, .menu.altmenu .submenu li.active>a, .menu.altmenu .submenu li.is-active>a, .menu.altmenu .submenu a.is-active{--menu-caret-color:rgba(255, 255, 255, 1.00)} .altmenu>.menu .submenu a, .menu.altmenu .submenu a{--menu-caret-color:rgba(97, 103, 173, 1.00)} .altmenu>.menu .submenu, .menu.altmenu .submenu{--submenu-bg-color:rgba(254, 254, 254, 1.00);--submenu-border:1px solid rgba(202, 202, 202, 1.00)} .altmenu>.menu .submenu a, .menu.altmenu .submenu a{--menu-bg-color:transparent;--menu-link-color:rgba(34, 34, 34, 1.00);--menu-link-color-hover:rgba(68, 68, 68, 1.00)} .altmenu>.menu .submenu .menu-text, .menu.altmenu .submenu .menu-text{--menu-text-color:rgba(68, 68, 68, 1.00)} .altmenu>.menu .submenu li.active>a, .altmenu>.menu .submenu li.is-active>a, .altmenu>.menu .submenu a.is-active, .menu.altmenu .submenu li.active>a, .menu.altmenu .submenu li.is-active>a, .menu.altmenu .submenu a.is-active{--menu-caret-color:rgba(255, 255, 255, 1.00);--menu-bg-color:rgba(97, 103, 173, 1.00);--menu-link-color:rgba(254, 254, 254, 1.00);--menu-link-color-hover:rgba(254, 254, 254, 1.00)}

#stacks_in_342 {
}

 .fas,.fa{color:rgba(19, 41, 75, 1.00);transition:color 200ms;}  

#stacks_in_347 {
}
 .far, .fad,.fa{color:rgba(212, 188, 134, 1.00);transition:color 200ms;}.fad:after{color:rgba(0, 255, 255, 1.00);transition:color 200ms}  

#stacks_in_349 {
}

#stacks_in_350 {
}

.rounding{border-radius:20px ;}
.shadow{box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.60);}
.lground{border-radius:30px ;}
.shadow2{box-shadow: 2px 2px 5px 0px rgba(217, 200, 157, 0.60);}

#stacks_in_335 {
}



#stacks_in_305 {
}

#stacks_in_687 {
}

#stacks_in_358 {
}

#stacks_in_536 {
}

#stacks_in_543 {
}


#stacks_in_63 {
}

#stacks_in_105 {
}

#stacks_in_65 {
}

#stacks_in_106 {
}

#stacks_in_1015 {
}

#stacks_in_1020 {
}

#stacks_in_1025 {
}

#stacks_in_1030 {
}

#stacks_in_1035 {
}

#stacks_in_1040 {
}

#stacks_in_1045 {
}

#stacks_in_1050 {
}

#stacks_in_376 {
}

#stacks_in_378 {
}
#analyseModeBannerYellow{background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll   ;background-clip:border-box ; background: #ffecb3; }@media (hover:none) and (pointer:coarse){#analyseModeBannerYellow{background-attachment:scroll!important}}
.analyse-mode{color:rgba(201, 216, 255, 1.00) ;}
#promotionSelector select{border-radius:10px ;}
            #analyseModeBanner{font-size:calc(16rem/16) ;}@media only screen and (min-width:40em) {            #analyseModeBanner{font-size:calc(18rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) {            #analyseModeBanner{font-size:calc(20rem/16) ;line-height:1.50 }}
#analyseModeBanner{border-radius:15px ;}
#analyseModeBanner{background-color:var(--my-green) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll   ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){#analyseModeBanner{background-attachment:scroll!important}}
label[for="pgnFileInput"],#promotionSelector select{border-radius:12px ;}
.headerKey{color:var(--my-sky-blue) ;}
.searchbox{width:16rem ;}  


#stacks_in_401 {
}

#stacks_in_700 {
}


#stacks_in_724 {
}

#stacks_in_732 {
}

#stacks_in_726 {
}

#stacks_in_392 {
}



#stacks_in_720 {
}

#stacks_in_737 {
}
.stacks_in_816 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)}
.grid-x > .cell.stacks_in_818{width:100%;min-width:0px;max-width:1000px}@media only screen and (min-width:50em){.grid-x > .cell.stacks_in_818{width:50%}}@media only screen and (min-width:75em){.grid-x > .cell.stacks_in_818{width:50%}}
.stacks_in_822 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)}


#stacks_in_827 {
}


#stacks_in_831 {
}


#stacks_in_846 {
}

#stacks_in_850 {
}

#stacks_in_852 {
}

#stacks_in_858 {
}
.stacks_in_859 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)}


#stacks_in_866 {
}


#stacks_in_872 {
}

#stacks_in_883 {
}

#stacks_in_481 {
}

#stacks_in_487 {
}

#stacks_in_958 {
}

#stacks_in_960 {
}