/* * ruler */ .ruler{--ruler-color:rgb(235,64,73)}.ruler-bubble{padding:0.5rem 2rem;border-radius:50px;background-color:color-mix(in srgb,var(--ruler-color) 10%,white);border:2px solid var(--ruler-color);color:var(--ruler-color);text-align:center;min-width:150px;font-size:1.2rem;line-height:1;z-index:1;-webkit-user-select:none;user-select:none;cursor:default}.ruler-bubble label{margin-top:0.2rem;line-height:1;font-size:0.8rem;color:inherit}.ruler-line{position:absolute;z-index:0;translate:0 -1px}.ruler{position:absolute;z-index:999;display:grid;align-content:center;justify-content:center;transition:opacity 300ms ease}.ruler.fade{opacity:0.1}.ruler.viewport{position:fixed}.ruler.horizontal{bottom:5%;left:0;right:0}.ruler.horizontal .ruler-line{border-bottom:2px solid var(--ruler-color);top:50%;left:0;right:0}.ruler.horizontal .ruler-line:before,.ruler.horizontal .ruler-line:after{content:"";position:absolute;height:20px;width:0;translate:0 -9px;border-right:2px solid var(--ruler-color)}.ruler.horizontal .ruler-line:before{left:0}.ruler.horizontal .ruler-line:after{right:0}.ruler.vertical{right:-25px;top:0;bottom:0}.ruler.vertical .ruler-bubble{transform:rotate(-90deg)}.ruler.vertical .ruler-line{border-right:2px solid var(--ruler-color);top:0;bottom:0;left:50%}.ruler.vertical .ruler-line:before,.ruler.vertical .ruler-line:after{content:"";position:absolute;width:20px;height:0;translate:-9px 1px;border-bottom:2px solid var(--ruler-color)}.ruler.vertical .ruler-line:before{top:0}.ruler.vertical .ruler-line:after{bottom:0} :root{--light-gray:rgba(230, 230, 230, 1.00);--medium-gray:rgba(199, 201, 199, 1.00);--dark-gray:rgba(138, 138, 138, 1.00);--black:rgba(10, 10, 10, 1.00);--black-color:var(--black);--white:rgba(254, 254, 254, 1.00);--white-color:var(--white);--primary:rgba(19, 41, 75, 1.00);--secondary:rgba(217, 194, 135, 1.00);--success:rgba(94, 110, 150, 1.00);--warning:rgba(240, 138, 36, 1.00);--alert:rgba(179, 28, 52, 1.00);--primary-contrast:rgba(255, 255, 255, 1.00);--secondary-contrast:rgba(254, 254, 254, 1.00);--success-contrast:rgba(254, 254, 254, 1.00);--warning-contrast:rgba(254, 254, 254, 1.00);--alert-contrast:rgba(254, 254, 254, 1.00);--primary-dark:rgba(0, 11, 45, 1.00);--secondary-dark:rgba(187, 164, 105, 1.00);--success-dark:rgba(64, 80, 120, 1.00);--warning-dark:rgba(210, 108, 6, 1.00);--alert-dark:rgba(149, 0, 22, 1.00);--header-color:rgba(19, 41, 75, 1.00);--subheader-color:rgba(217, 200, 157, 1.00);--small-color:rgba(19, 41, 75, 1.00);--text-color:rgba(19, 41, 75, 1.00);--link-color:rgba(50, 67, 108, 1.00);--link-color-hover:rgba(105, 152, 222, 1.00);--selection-background:var(--primary);--selection-text:var(--primary-contrast);--link-decoration:none;--link-decoration-hover:none;--overlay-color:rgba(0, 0, 0, 0.50);--radius:3px;--small-gutter:1.25rem;--medium-gutter:2rem;--large-gutter:2rem;--site-width:calc(1200rem/16);}::selection{background:var(--selection-background);color:var(--selection-text)}.alt{--header-color:rgba(255, 255, 255, 1.00);--subheader-color:rgba(217, 200, 157, 1.00);--small-color:rgba(255, 255, 255, 1.00);--text-color:rgba(255, 255, 255, 1.00);--link-color:rgba(255, 255, 255, 1.00);--link-color-hover:rgba(33, 106, 137, 1.00);--link-decoration:none;--link-decoration-hover:none}.grid-container{max-width:var(--site-width)}.radius{border-radius:var(--radius)}body{font-size:calc(12rem/16)}h1,.h1{font-size:calc(22rem/16)}h2,.h2{font-size:calc(18rem/16)}h3,.h3{font-size:calc(16rem/16)}h4,.h4{font-size:calc(15rem/16)}h5,.h5{font-size:calc(12rem/16)}h6,.h6{font-size:calc(12rem/16)}small{font-size:30%}.button{font-size:calc(16rem/16)}.button.tiny{font-size:calc(10rem/16)}.button.small{font-size:calc(12rem/16)}.button.large{font-size:calc(20rem/16)}@media only screen and (min-width:40em){body{font-size:calc(16rem/16)}h1,.h1{font-size:calc(48rem/16)}h2,.h2{font-size:calc(40rem/16)}h3,.h3{font-size:calc(31rem/16)}h4,.h4{font-size:calc(25rem/16)}h5,.h5{font-size:calc(20rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:30%}}@media only screen and (min-width:64em){body{font-size:calc(20rem/16)}h1,.h1{font-size:calc(48rem/16)}h2,.h2{font-size:calc(40rem/16)}h3,.h3{font-size:calc(31rem/16)}h4,.h4{font-size:calc(25rem/16)}h5,.h5{font-size:calc(20rem/16)}h6,.h6{font-size:calc(18rem/16)}small{font-size:30%}}a{color:var(--link-color);-webkit-text-decoration:var(--link-decoration);text-decoration:var(--link-decoration)}a:hover,a:focus{color:var(--link-color-hover);-webkit-text-decoration:var(--link-decoration-hover);text-decoration:var(--link-decoration-hover)}.menu a{color:var(--menu-link-color);background:var(--menu-bg-color)}.menu a:hover{color:var(--menu-link-color-hover)}h1,h2,h3,h4,h5,h6{color:var(--header-color)}small{color:var(--small-color)}.subheader{color:var(--subheader-color)}.text ul,.text ol{list-style-position:outside}.text>ul,.text>ol,.text .mez>div>ul,.text .mez>div>ol{margin-left:1.25rem}.text ul{list-style-type:disc}.text ul ul,.text ol ul{list-style-type:circle}.text ol{list-style-type:decimal}.text ol ol,.text ul ol{list-style-type:lower-alpha}.radius,.radius:before,.radius:after{border-radius:calc(3rem/16)}body{background-color:rgba(189, 218, 255, 1.00);} /*!* 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("../../../rw_common/plugins/stacks/fa5-fonts/fa-duotone-900.eot");src:url("../../../rw_common/plugins/stacks/fa5-fonts/fa-duotone-900.eot?#iefix") format("embedded-opentype"),url("../../../rw_common/plugins/stacks/fa5-fonts/fa-duotone-900.woff2") format("woff2"),url("../../../rw_common/plugins/stacks/fa5-fonts/fa-duotone-900.woff") format("woff"),url("../../../rw_common/plugins/stacks/fa5-fonts/fa-duotone-900.ttf") format("truetype"),url("../../../rw_common/plugins/stacks/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("../../../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.eot");src:url("../../../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"),url("../../../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.woff2") format("woff2"),url("../../../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.woff") format("woff"),url("../../../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.ttf") format("truetype"),url("../../../rw_common/plugins/stacks/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 }} @font-face{font-family:Merida;font-style:normal;font-weight:normal;src:url("https://chess.semprun.net/fonts/ChessSansMerida.woff") format("woff");} #GameNextMove,#GameLastMove,.move,.variation,.moveOn, .fontpro-stacks_in_322349{font-family:"Merida",sans-serif !important} @font-face{font-family:Valentina;font-style:normal;font-weight:normal;src:url("https://liceovillafontana.education/fonts/Valentina-Regular.otf") format("opentype");} h1,h6,h2,h3,h5, .fontpro-stacks_in_322888{font-family:"Valentina",sans-serif !important} @font-face{font-family:Montserrat;font-style:normal;font-weight:normal;src:url("https://chess.semprun.net/fonts/Montserrat-Regular.ttf") format("truetype");}@font-face{font-family:Montserrat;font-style:normal;font-weight:bold;src:url("https://chess.semprun.net/fonts/Montserrat-Bold.ttf") format("truetype");} ul,ul li,ol,ol li,dl,dl dd, fieldset,input,textarea,form label,input + label,fieldset label,input + datalist,legend, button,.button,.btn, p:not(.custom-font),.font-family-text,.text_stack:not(.custom-font), #GameText, .fontpro-stacks_in_322350{font-family:"Montserrat",sans-serif !important}p:not(.custom-font),p.font-family-text:not(.custom-font),.text_stack:not(.custom-font){font-family:"Montserrat",sans-serif !important} @font-face{font-family:pgn4web ChessInformantReader;font-style:normal;font-weight:normal;src:url("https://chess.semprun.net/fonts/ChessInformantReader") format("woff")} .NAGs, .NAGl, .fontpro-stacks_in_322887{font-family:"pgn4web ChessInformantReader",sans-serif } .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 }} .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 ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.grey-back{background-attachment:scroll!important}} .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);} .sticky-menu.is-stuck{background-color:var(--my-grey) ;background-color:rgba(255, 255, 255, 0.95) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.sticky-menu{background-attachment:scroll!important}} .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(19, 41, 75, 0.00);--menu-caret-color:rgba(97, 103, 173, 1.00);--menu-border-accent:2px solid var(--menu-link-color)} .MyMenu>.menu .menu-text, .menu.MyMenu .menu-text{--menu-text-color:rgba(217, 200, 157, 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:1rem;padding-bottom:1rem} .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(97, 103, 173, 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(97, 103, 173, 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} .MyMenu2>.menu a, .menu.MyMenu2 a{--menu-link-color:rgba(217, 200, 157, 1.00);--menu-link-color-hover:rgba(217, 200, 157, 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)} .MyMenu2>.menu .menu-text, .menu.MyMenu2 .menu-text{--menu-text-color:rgba(255, 255, 255, 1.00)} .MyMenu2>.menu a:hover, .menu.MyMenu2 a:hover{--menu-bg-color:rgba(19, 41, 75, 1.00)} .MyMenu2>.menu .submenu a:hover, .menu.MyMenu2 .submenu a:hover{--menu-bg-color:rgba(254, 254, 254, 1.00)} .MyMenu2>.menu>li>a, .menu.MyMenu2>li>a{padding-top:1rem;padding-bottom:1rem} .MyMenu2>.menu .submenu>li>a, .menu.MyMenu2 .submenu>li>a{padding-top:0.75rem;padding-bottom:0.75rem} .MyMenu2>.menu li.active>a, .MyMenu2>.menu li.is-active>a, .MyMenu2>.menu a.is-active, .menu.MyMenu2 li.active>a, .menu.MyMenu2 li.is-active>a, .menu.MyMenu2 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)} .MyMenu2>.menu .submenu li.active>a, .MyMenu2>.menu .submenu li.is-active>a, .MyMenu2>.menu .submenu a.is-active, .menu.MyMenu2 .submenu li.active>a, .menu.MyMenu2 .submenu li.is-active>a, .menu.MyMenu2 .submenu a.is-active{--menu-caret-color:rgba(255, 255, 255, 1.00)} .MyMenu2>.menu .submenu a, .menu.MyMenu2 .submenu a{--menu-caret-color:rgba(97, 103, 173, 1.00)} .MyMenu2>.menu .submenu, .menu.MyMenu2 .submenu{--submenu-bg-color:rgba(254, 254, 254, 1.00);--submenu-border:1px solid rgba(202, 202, 202, 1.00)} .MyMenu2>.menu .submenu a, .menu.MyMenu2 .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)} .MyMenu2>.menu .submenu .menu-text, .menu.MyMenu2 .submenu .menu-text{--menu-text-color:rgba(68, 68, 68, 1.00)} .MyMenu2>.menu .submenu li.active>a, .MyMenu2>.menu .submenu li.is-active>a, .MyMenu2>.menu .submenu a.is-active, .menu.MyMenu2 .submenu li.active>a, .menu.MyMenu2 .submenu li.is-active>a, .menu.MyMenu2 .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)} .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)} .fas,.fa{color:rgba(19, 41, 75, 1.00);transition:color 200ms;} .far, .fad,.fa{color:rgba(212, 188, 134, 1.00);transition:color 200ms;}.fad:after{color:rgba(146, 161, 204, 1.00);transition:color 200ms} :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-cream1:rgba(250, 235, 205, 1.00)} :root{--my-cream2:rgba(246, 228, 184, 1.00)} :root{--my-cream3:rgba(227, 207, 177, 1.00)} :root{--my-cream4:rgba(217, 206, 179, 1.00)} :root{--my-grey:rgba(217, 218, 222, 1.00)} :root{--my-silver-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-tostado:rgba(204, 153, 102, 1.00)} :root{--my-tostado2:rgba(217, 188, 114, 1.00)} :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)} #LastMove ,#GameLastComment, #GameComment, .comment{font-size:calc(12rem/16) ;}@media only screen and (min-width:40em) { #LastMove ,#GameLastComment, #GameComment, .comment{font-size:calc(14rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) { #LastMove ,#GameLastComment, #GameComment, .comment{font-size:calc(18rem/16) ;line-height:1.50 }} #GameEvent,#GameSite,#GameRound,#GameDate,#GameWhite,#GameBlack,#GameResult,#GameNumber,#GameAnnotator, #LastMove, .label{font-size:calc(14rem/16) ;}@media only screen and (min-width:40em) { #GameEvent,#GameSite,#GameRound,#GameDate,#GameWhite,#GameBlack,#GameResult,#GameNumber,#GameAnnotator, #LastMove, .label{font-size:calc(16rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) { #GameEvent,#GameSite,#GameRound,#GameDate,#GameWhite,#GameBlack,#GameResult,#GameNumber,#GameAnnotator, #LastMove, .label{font-size:calc(18rem/16) ;line-height:1.50 }} .selectControl,.optionSelectControl,#myGameSelector{font-size:calc(16rem/16) ;}@media only screen and (min-width:40em) { .selectControl,.optionSelectControl,#myGameSelector{font-size:calc(16rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) { .selectControl,.optionSelectControl,#myGameSelector{font-size:calc(16rem/16) ;line-height:1.50 }} #GameNextMove, #GameLastMove, .move, .moveOn, .variation{font-size:calc(14rem/16) ;}@media only screen and (min-width:40em) { #GameNextMove, #GameLastMove, .move, .moveOn, .variation{font-size:calc(16rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) { #GameNextMove, #GameLastMove, .move, .moveOn, .variation{font-size:calc(18rem/16) ;line-height:1.50 }} .button-group > .button{font-size:calc(12rem/16) ;}@media only screen and (min-width:40em) { .button-group > .button{font-size:calc(14rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) { .button-group > .button{font-size:calc(16rem/16) ;line-height:1.50 }} .solution{font-size:calc(14rem/16) ;}@media only screen and (min-width:40em) { .solution{font-size:calc(16rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) { .solution{font-size:calc(20rem/16) ;line-height:1.50 }} #task,#GameSideToMove{font-size:calc(16rem/16) ;}@media only screen and (min-width:40em) { #task,#GameSideToMove{font-size:calc(18rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) { #task,#GameSideToMove{font-size:calc(24rem/16) ;line-height:1.50 }} #GameText{font-size:calc(16rem/16) ;}@media only screen and (min-width:40em) { #GameText{font-size:calc(16rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) { #GameText{font-size:calc(16rem/16) ;line-height:1.50 }} .turn,.selectControl{background-color:rgba(255, 249, 129, 1.00) ;background-position:right center ;background-origin:content-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.turn,.selectControl{background-attachment:scroll!important}} .MyMenu,.lighter{background-color:var(--my-slight-blue) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.MyMenu,.lighter{background-attachment:scroll!important}} #task,#GameSideToMove{background-color:rgba(255, 255, 11, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){#task,#GameSideToMove{background-attachment:scroll!important}} .moveOn{background-color:var(--) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.moveOn{background-attachment:scroll!important}} .selectControl::selection{background-color:rgba(255, 249, 129, 1.00) ;background-position:right center ;background-origin:content-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.selectControl{background-attachment:scroll!important}} .MainContainer{background-color:var(--my-cream3) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.MainContainer{background-attachment:scroll!important}} .myButton{background-color:var(--my-grey) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.myButton{background-attachment:scroll!important}} #searchPgnExpression{background-color:var(--my-silver-grey) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){#searchPgnExpression{background-attachment:scroll!important}} .myBeigeButton{background-color:var(--my-cream4) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.myBeigeButton{background-attachment:scroll!important}} .turn{border-radius:15px ;} .label{border-radius:5px ;} .selectControl,.searchPgnExpression,#promote{border-radius:10px ;} .turn{padding-top:0 ;padding-right:0.5rem ;padding-bottom:0.25rem ;padding-left:0.5rem ;} #GameText, .fontpro-stacks_in_322673_27{line-height:1.80 ;letter-spacing:0.00em ;word-spacing:0.00em ;text-indent:0.00em ;margin-left:0.00em ;margin-right:0.00em ; font-size:0.90rem ; } #GameText>br, .fontpro-stacks_in_322673_27 > br{display:block;content:' ';padding-bottom:0.00em } @media only screen and (min-width:25.875000em){ #GameText, .fontpro-stacks_in_322673_27{font-size:1.00rem }} @media only screen and (min-width:48.000000em){ #GameText, .fontpro-stacks_in_322673_27{font-size:1.00rem }} @media only screen and (min-width:62.500000em){ #GameText, .fontpro-stacks_in_322673_27{font-size:1.00rem }} .label{padding-top:0.0625rem ;padding-right:0.5rem ;padding-bottom:0.0625rem ;padding-left:0.5rem ;} .moveOn{padding-top:0.00px ;padding-right:0.00px ;padding-bottom:0.00px ;padding-left:0.00px ;}@media only screen and (min-width:40em){.moveOn{padding-top:2.00px ;padding-right:2.00px ;padding-bottom:0.00px ;padding-left:0.00px }}@media only screen and (min-width:64em){.moveOn{padding-top:1.00px ;padding-right:4.00px ;padding-bottom:1.00px ;padding-left:4.00px }} .moveOn{border-radius:3px ;} .moveOn{background-color:var(--my-yellow) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.moveOn{background-attachment:scroll!important}} #searchPgnButton{font-size:calc(16rem/16) ;}@media only screen and (min-width:40em) { #searchPgnButton{font-size:calc(16rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) { #searchPgnButton{font-size:calc(14rem/16) ;line-height:1.50 }} #searchPgnButton{padding-top:0.00% ;padding-right:0.00% ;padding-bottom:0.00% ;padding-left:0.00% ;}@media only screen and (min-width:40em){#searchPgnButton{padding-top:1.00% ;padding-right:2.00% ;padding-bottom:1.00% ;padding-left:2.00% }}@media only screen and (min-width:64em){#searchPgnButton{padding-top:1.00% ;padding-right:2.00% ;padding-bottom:1.00% ;padding-left:2.00% }} #board{width:auto !important;min-width:100.00% !important;max-width:100.00% !important;} @media only screen and (min-width:40em){#board{width:auto !important}}@media only screen and (min-width:64em){#board{width:auto !important}} #GameEvent,#GameSite,#GameRound,#GameDate,#GameWhite,#GameBlack,#GameResult,#GameNumber,#GameAnnotator, #LastMove, .label{color:rgba(149, 213, 255, 1.00) ;} .GameHeader{width:fit-content ;min-width:60.00% ;max-width:100.00% ;} .MainContainer{height:350.00px ;}@media only screen and (min-width:40em){.MainContainer{height:350.00px }}@media only screen and (min-width:64em){.MainContainer{height:400.00px }} .variation2{color:rgba(240, 138, 36, 1.00) ;} .variation{color:rgba(0, 143, 230, 1.00) ;} .comment{color:rgba(0, 112, 142, 1.00) ;} .move{color:var(--lvf-blue) ;} .comment2{color:rgba(189, 218, 255, 1.00) ;} #promote{width:8rem ;} #myGameSelector{width:18.00rem ;}@media only screen and (min-width:40em){#myGameSelector{width:26.00rem }}@media only screen and (min-width:64em){#myGameSelector{width:30.00rem }} #GameSelector{width:16.00rem ;}@media only screen and (min-width:40em){#GameSelector{width:18.00rem }}@media only screen and (min-width:64em){#GameSelector{width:20.00rem }} #searchPgnExpression{width:16.00rem ;}@media only screen and (min-width:40em){#searchPgnExpression{width:18.00rem }}@media only screen and (min-width:64em){#searchPgnExpression{width:20.00rem }} #searchPgnButton{width:0.0625rem ;} .myScroll{min-height:0px ;max-height:20vh ;} .myScroll{ overflow-y:scroll } .circle{display:flex;align-items:center;aspect-ratio:1/1;} .circle{border-radius:50% ;} #black-circle{background-color:rgba(0, 0, 0, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;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 ;-webkit-background-clip:border-box ;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 ;} .circle{height:20.00px ;}@media only screen and (min-width:40em){.circle{height:30.00px }}@media only screen and (min-width:64em){.circle{height:40.00px }} .board-column{--small-gutter:0.5rem;--medium-gutter:1.25rem;--large-gutter:1.25rem;} :root{--my-light-blue:rgba(189, 218, 255, 1.00)} #promote{width:8rem ;} .notation-322f9{font-size:calc(10rem/16) ;}@media only screen and (min-width:40em) { .notation-322f9{font-size:calc(14rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) { .notation-322f9{font-size:calc(14rem/16) ;line-height:1.50 }} .notation-322f9{position: absolute ;z-index:1 ;top:unset ;bottom:unset ;left:unset ;right:unset ;} :root{--blue-grey:rgba(177, 197, 226, 1.00)} .blue-grey{background-color:var(--blue-grey) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.blue-grey{background-attachment:scroll!important}} #myBoard{border-radius:10px ;} #myBoard{box-shadow: 10px 10px 5px 0px rgba(28, 20, 0, 1.00);} .MyMenu{background-color:var(--my-slight-blue) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.MyMenu{background-attachment:scroll!important}} .sutil{background-color:var(--my-slight-blue) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.sutil{background-attachment:scroll!important}} .fas.light{color:rgba(205, 225, 255, 1.00) ;} .fas.gold{color:var(--lvf-gold) ;} .fas.blue{color:var(--lvf-blue) ;} .bot{border-radius:0px 0px 25px 25px ;} .MyMenu{background-color:var(--my-slight-blue) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.MyMenu{background-attachment:scroll!important}} .sky{background-color:var(--my-sky-blue) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.sky{background-attachment:scroll!important}} #myBoard{box-shadow: 10px 10px 5px 0px rgba(11, 30, 61, 1.00);} #myBoard{border-radius:10px ;} .stacks_in_322889_8 img{width:100%;max-width:128px} .stacks_in_322843 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)} .stacks_in_322486 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 0.75rem)} .grid-x > .cell.stacks_in_322487{width:100%;min-width:0px;max-width:1000px}@media only screen and (min-width:50em){.grid-x > .cell.stacks_in_322487{width:50%}}@media only screen and (min-width:75em){.grid-x > .cell.stacks_in_322487{width:50%}} #stacks_in_322898 { font-size: 149%; }