:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;height:100vh;height:100dvh;overflow:hidden}#root{height:100%;overflow:hidden}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.cg-wrap{background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'%20standalone='no'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:x='http://www.w3.org/1999/xlink'%20viewBox='0%200%208%208'%20shape-rendering='geometricPrecision'%3e%3crect%20width='8'%20height='8'%20fill='%23b58863'/%3e%3cg%20id='a'%3e%3cg%20id='b'%3e%3cg%20id='c'%3e%3cg%20id='d'%3e%3crect%20width='1'%20height='1'%20fill='%23f0d9b5'%20id='e'/%3e%3cuse%20x='2'%20href='%23e'%20x:href='%23e'/%3e%3c/g%3e%3cuse%20x='4'%20href='%23d'%20x:href='%23d'/%3e%3c/g%3e%3cuse%20x='1'%20y='1'%20href='%23c'%20x:href='%23c'/%3e%3c/g%3e%3cuse%20y='2'%20href='%23b'%20x:href='%23b'/%3e%3c/g%3e%3cuse%20y='4'%20href='%23a'%20x:href='%23a'/%3e%3c/svg%3e")}.cg-wrap piece.pawn.white{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='177.17'%20height='177.17'%20shape-rendering='geometricPrecision'%20image-rendering='optimizeQuality'%20fill-rule='evenodd'%20clip-rule='evenodd'%20viewBox='0%200%2050%2050'%3e%3cdefs%3e%3clinearGradient%20id='0'%20gradientUnits='userSpaceOnUse'%20x1='21.13'%20y1='37.35'%20x2='77.76'%20y2='37.469'%20gradientTransform='matrix(1%200%200%20.97324%200%201.243)'%3e%3cstop%20stop-color='%23fff'/%3e%3cstop%20offset='1'%20stop-color='%23fff'%20stop-opacity='0'/%3e%3c/linearGradient%3e%3c/defs%3e%3cpath%20d='m25%2046.45h-13.394c-.66-1.607-.991-3.288-.991-5.04%200-2.975.864-5.644%202.599-8.02%201.736-2.365%203.971-4.054%206.697-5.068-1.168-.527-2.125-1.327-2.862-2.398-.737-1.071-1.101-2.283-1.101-3.634%200-1.689.576-3.156%201.736-4.392%201.152-1.244%202.574-1.961%204.267-2.151-1.346-.981-2.02-2.282-2.02-3.889%200-1.351.491-2.513%201.482-3.477.982-.964%202.176-1.442%203.581-1.442%201.389%200%202.582.478%203.573%201.442.991.964%201.49%202.126%201.49%203.477%200%201.607-.669%202.909-2.02%203.889%201.693.19%203.116.906%204.267%202.151%201.16%201.236%201.736%202.703%201.736%204.392%200%201.351-.373%202.563-1.126%203.634-.753%201.071-1.71%201.87-2.862%202.398%202.726%201.014%204.961%202.703%206.697%205.068%201.736%202.373%202.599%205.04%202.599%208.02%200%201.739-.322%203.42-.965%205.04h-13.394'%20fill='%231f1a17'/%3e%3cpath%20d='m25%2044.808h12.175c.347-1.154.525-2.291.525-3.403%200-2.513-.711-4.787-2.142-6.831-1.431-2.044-3.277-3.552-5.52-4.516-1.584-.62-1.643-.659-1.643-1.739%200-.849.559-1.475%201.668-1.879%201.532-1.047%202.303-2.431%202.303-4.153%200-1.244-.432-2.324-1.287-3.263-.864-.931-1.905-1.467-3.124-1.615-.999-.082-1.49-.626-1.49-1.64%200-.453.178-.873.542-1.261.898-.676%201.346-1.557%201.346-2.653%200-.898-.339-1.673-.999-2.316-.66-.643-1.448-.964-2.354-.964-.94%200-1.744.321-2.396.964-.652.643-.974%201.417-.974%202.316%200%201.079.44%201.961%201.338%202.653.364.354.542.775.542%201.261%200%201.014-.483%201.557-1.465%201.64-1.236.148-2.286.684-3.133%201.615-.855.939-1.279%202.02-1.279%203.263%200%201.722.77%203.106%202.303%204.153%201.109.412%201.668%201.046%201.668%201.879%200%201.079-.067%201.118-1.668%201.739-2.244.964-4.081%202.472-5.503%204.516-1.422%202.044-2.134%204.318-2.134%206.831%200%201.195.178%202.324.525%203.403h12.175'%20fill='url(%230)'/%3e%3c/svg%3e")}.cg-wrap piece.bishop.white{background-image:url(/assets/wB-DThdf77Z.svg)}.cg-wrap piece.knight.white{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='177.17'%20height='177.17'%20shape-rendering='geometricPrecision'%20image-rendering='optimizeQuality'%20fill-rule='evenodd'%20clip-rule='evenodd'%20viewBox='0%200%2050%2050'%3e%3cdefs%3e%3clinearGradient%20id='0'%20x1='21.405'%20x2='77.64'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23fff'/%3e%3cstop%20offset='1'%20stop-color='%23fff'%20stop-opacity='0'/%3e%3c/linearGradient%3e%3c/defs%3e%3cpath%20fill='%231f1a17'%20d='m26.18%209.395c2.599.169%205%20.838%207.222%202.02%202.21%201.168%204.098%202.675%205.656%204.513%201.092%201.287%202.117%202.845%203.082%204.665.974%201.812%201.744%203.742%202.32%205.774.66%202.371%201.084%204.851%201.253%207.459.178%202.599.263%205.01.263%207.23v5.402c0%200-1.287%200-3.861%200-2.565%200-5.901%200-10.01%200h-16.637c-.152%200-.22-.406-.212-1.211.008-.813.059-1.465.161-1.964.059-.398.22-.957.466-1.685.254-.728.66-1.609%201.245-2.65.262-.533.889-1.304%201.88-2.32.999-1.016%202.134-2.201%203.429-3.539.745-.762%201.321-1.719%201.744-2.879.423-1.151.601-2.201.533-3.15-.61.5-1.279.906-2.01%201.219-3.505%201.253-6.05%203.073-7.611%205.452-.119.152-.491.821-1.118%202.02-.33.627-.618%201.058-.847%201.287-.313.313-.771.491-1.363.525-.923.042-1.643-.398-2.159-1.346-.694.203-1.312.288-1.863.254-.923-.347-1.592-.72-2.01-1.118-.847-.847-1.389-1.685-1.651-2.532-.254-.847-.381-1.753-.381-2.726%200-1.389.855-3.226%202.582-5.512%202.02-2.625%203.09-4.631%203.217-6%200-.593.059-1.262.178-2.01.102-.517.305-1.01.618-1.49.22-.33.364-.559.432-.677.076-.127.212-.313.415-.559.144-.203.271-.356.373-.457.093-.11.22-.254.373-.44.178-.212.406-.457.694-.745-.88-2.413-1.236-4.902-1.067-7.459%203.285%201.168%206.05%203.01%208.28%205.529.55-1.871%201.626-3.387%203.226-4.538%201.321.923%202.371%202.151%203.15%203.666'/%3e%3cpath%20fill='url(%230)'%20d='m42.976%2044.693c-.017%200%200-.449.042-1.346.051-.906.076-1.88.076-2.921.017-2.066.017-4.2%200-6.409-.017-2.21-.313-4.411-.889-6.613-.567-2.117-1.185-3.92-1.863-5.419-.677-1.499-1.414-2.786-2.21-3.878-1.185-1.786-2.811-3.302-4.86-4.538-2.049-1.245-4.191-2.057-6.426-2.438.152.813.22%201.609.203%202.388-.034.593-.313.889-.847.889-.61%200-.881-.296-.821-.889.051-2.184-.728-4.056-2.328-5.605-1.253%201.321-1.939%202.853-2.032%204.606-.034.584-.33.838-.897.771-.525-.017-.787-.322-.787-.914%200%200%20.017-.068.042-.203-.677.22-1.389.525-2.134.923-.474.33-.864.245-1.16-.246-.296-.499-.169-.889.398-1.168.711-.364%201.245-.635%201.609-.821-1.422-1.456-3.04-2.625-4.86-3.522.195%202.303.83%204.47%201.888%206.528.279.423.212.804-.203%201.135-.466.364-.855.313-1.168-.169-.11-.169-.279-.466-.491-.897-.347.347-.584.61-.694.77-.118.152-.322.483-.61.991-.288.516-.499.94-.635%201.27-.144.415-.212.745-.186%201.01.025.254.051.533.068.855-.152.974-.491%201.888-1.01%202.752-.525.855-1.185%201.905-1.998%203.15-.779%201.185-1.372%202.083-1.786%202.675-.415.601-.728%201.355-.94%202.286-.152.559-.152%201.245%200%202.041.144.804.474%201.431.965%201.88.762.77%201.499%201.126%202.21%201.067.229%200%20.542-.093.931-.279.389-.178.686-.525.906-1.041.423-.94.779-1.414%201.067-1.414.406%200%20.635.237.669.694%200%20.102-.136.517-.398%201.245-.152.33-.347.677-.593%201.041-.322.432-.457.61-.423.542.262.948.703%201.109%201.312.499.178-.178.389-.525.618-1.016.237-.499.601-1.168%201.092-2.01.584-.982%201.202-1.77%201.863-2.388.66-.61%201.245-1.109%201.761-1.482.296-.22.66-.466%201.092-.745.432-.288%201.01-.576%201.736-.872.576-.229%201.219-.516%201.922-.855.703-.339%201.329-.77%201.871-1.304.762-.745%201.346-1.659%201.761-2.752.22-.61.296-1.363.245-2.261-.144-.559.136-.838.847-.838.533%200%20.83.271.898.821%200%201.863-.533%203.564-1.592%205.105.347%201.058.44%202.218.271%203.471-.144%201.01-.5%202.091-1.05%203.243-.559%201.143-1.676%202.422-3.361%203.827-3.429%202.845-5.05%205.774-4.86%208.78%200%200%201.405%200%204.225%200%202.819%200%205.47%200%207.95%200h13.572m-33.638-15.08c-.483.296-.77.694-.872%201.194.017.542-.237.838-.762.889-.584.068-.881-.178-.898-.745.068-1.092.55-1.956%201.465-2.599.432-.347.83-.322%201.194.093.364.449.322.838-.127%201.168m7.366-11.828c.212.33.296.677.246%201.041-.161%201.058-.754%201.499-1.761%201.338-.296-.051-.533-.152-.72-.296-.059.076-.161.262-.296.542-.178.533-.525.711-1.041.55-.508-.203-.711-.576-.593-1.118.745-1.905%202.091-3.209%204.04-3.92.567-.169.94%200%201.118.491.203.533.051.898-.449%201.092-.093.051-.186.102-.271.136-.085.042-.169.093-.271.144'/%3e%3c/svg%3e")}.cg-wrap piece.rook.white{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='177.17'%20height='177.17'%20shape-rendering='geometricPrecision'%20image-rendering='optimizeQuality'%20fill-rule='evenodd'%20clip-rule='evenodd'%20viewBox='0%200%2050%2050'%3e%3cdefs%3e%3clinearGradient%20id='0'%20x1='21.376'%20x2='77.64'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23fff'/%3e%3cstop%20offset='1'%20stop-color='%23fff'%20stop-opacity='0'/%3e%3c/linearGradient%3e%3c/defs%3e%3cpath%20fill='%231f1a17'%20d='m28.408%209.22h4.216v-3.395h6.796v9.295l-5.5%204.243v11.857l4.22%204.221v5.08h3.789v5.929h-33.859v-5.929h3.794v-5.08l4.246-4.221v-11.857l-5.508-4.243v-9.295h6.774v3.395h4.242v-3.395h6.79z'/%3e%3cpath%20fill='url(%230)'%20d='m33.07%2017.678l3.15-2.557h-22.42l3.175%202.557h16.1m7.197%2024.528h-30.514v2.557h30.514v-2.557m-3.844-5.05h-22.826v3.37h22.826v-3.37m-4.216-17.788h-14.393v11.862h14.393v-11.862m5.503-5.927v-5.927h-3.395v3.395h-7.645v-3.395h-3.344v3.395h-7.62v-3.395h-3.395v5.927h25.4m-1.913%2022l-2.548-2.532h-16.451l-2.599%202.532h21.598'/%3e%3c/svg%3e")}.cg-wrap piece.queen.white{background-image:url(/assets/wQ-DiZNRNcr.svg)}.cg-wrap piece.king.white{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='177.17'%20height='177.17'%20shape-rendering='geometricPrecision'%20image-rendering='optimizeQuality'%20fill-rule='evenodd'%20clip-rule='evenodd'%20viewBox='0%200%2050%2050'%3e%3cdefs%3e%3clinearGradient%20id='0'%20x1='21.376'%20x2='77.64'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23fff'/%3e%3cstop%20offset='1'%20stop-color='%23fff'%20stop-opacity='0'/%3e%3c/linearGradient%3e%3c/defs%3e%3cg%20fill='%231f1a17'%3e%3cpath%20d='m25.821%2012.02h-1.761v-3.251h-2.066c-.559%200-.838-.271-.838-.821v-.025c0-.542.279-.813.838-.813h2.066v-2.108c0-.584.296-.872.889-.872.576%200%20.872.288.872.872v2.108h2.134c.542%200%20.813.271.813.813v.025c0%20.55-.271.821-.813.821l-2.117.025-.017%203.226'/%3e%3cpath%20d='m11.03%2037.744l-.813-4.64c-.017%200-.042-.034-.076-.102-.085-.118-.322-.271-.711-.457-.381-.195-.838-.516-1.346-.982-.728-.61-1.295-1.109-1.702-1.49-.406-.373-.771-.787-1.101-1.236-1.01-1.389-1.575-3.065-1.685-5.04-.169-1.897.601-3.793%202.303-5.681%201.719-1.88%204.047-2.769%206.968-2.65%201.092.068%202.379.33%203.844.796.483.195.974.39%201.482.576.5.195.999.389%201.499.584.262.135.5.271.694.398-.085-.347-.127-.694-.127-1.041%200-1.287.457-2.388%201.38-3.302.914-.906%202.024-1.372%203.311-1.389%201.287%200%202.388.466%203.302%201.38.906.914%201.363%202.02%201.363%203.285%200%20.262-.034.61-.102%201.041.229-.144.457-.271.669-.372.762-.33%201.761-.72%203.01-1.16%201.422-.483%202.701-.754%203.844-.821%202.921-.136%205.241.754%206.943%202.65%201.668%201.888%202.447%203.785%202.328%205.681-.127%201.973-.703%203.649-1.71%205.04-.33.449-.703.864-1.118%201.253-.406.39-.965.881-1.66%201.473-.542.466-1.01.796-1.389.982-.381.186-.601.347-.669.457-.017.034-.034.059-.051.076-.017.017-.025.034-.025.051l-.796%204.665%201.643%206.121c-.83.745-2.684%201.355-5.554%201.837-2.879.483-6.206.72-9.974.72-3.835%200-7.214-.254-10.118-.754-2.912-.508-4.741-1.143-5.486-1.897l1.634-6.05'/%3e%3c/g%3e%3cpath%20fill='url(%230)'%20d='m25.796%2029.532c2.845.034%205.444.203%207.806.508%202.371.305%204.225.694%205.563%201.151.627-.491%201.312-1.041%202.057-1.651.745-.601%201.363-1.219%201.863-1.846.787-1.01%201.185-2.337%201.185-3.996%200-1.482-.356-2.726-1.067-3.717-1.27-1.854-3.209-2.777-5.8-2.777-1.558%200-3.15.322-4.792.965-1.439.584-2.532%201.228-3.268%201.939-1.389%201.389-2.421%203.175-3.082%205.351-.229.779-.364%201.49-.406%202.125-.042.635-.059%201.287-.059%201.947m-13.25%206.697c3.141-.796%207.307-1.194%2012.505-1.194%205.089%200%209.203.381%2012.327%201.143l.618-3.649c-3.327-.872-7.671-1.312-13.05-1.312-5.41%200-9.745.449-13.02%201.338l.618%203.675m25.298%204.411l-.737-2.845c-3.277-.728-7.332-1.092-12.158-1.092-4.809%200-8.856.364-12.133%201.092l-.787%202.87c3.158-.923%207.468-1.389%2012.945-1.389%205.444%200%209.728.457%2012.869%201.363m.652%202.337c-3.192-1.287-7.679-1.939-13.445-1.939-5.986%200-10.516.66-13.598%201.99%202.913%201.151%207.417%201.736%2013.521%201.736%202.913%200%205.563-.161%207.959-.483%202.404-.322%204.25-.762%205.563-1.304m-14.419-13.445c-.008-.643-.034-1.287-.068-1.922-.034-.635-.161-1.346-.372-2.125-.677-2.21-1.702-3.996-3.082-5.351-.711-.694-1.795-1.346-3.268-1.939-1.685-.66-3.285-.991-4.792-.991-2.608%200-4.547.931-5.8%202.802-.711.991-1.067%202.235-1.067%203.717%200%201.626.398%202.955%201.185%203.996.483.61%201.092%201.228%201.837%201.837.745.61%201.439%201.168%202.083%201.66%202.896-1.041%207.341-1.6%2013.343-1.685m.872-4.614c.119-.466.212-.787.296-.965.169-.643.356-1.194.576-1.643.093-.279.237-.601.432-.974.186-.373.389-.804.61-1.279.127-.279.271-.627.415-1.033.152-.406.305-.804.449-1.202.135-.33.203-.686.203-1.067%200-.813-.296-1.499-.872-2.066-.576-.576-1.279-.864-2.108-.864-1.964%200-2.955.991-2.955%202.955%200%20.381.068.737.203%201.067.364%201.075.643%201.82.838%202.235.22.474.415.906.601%201.279.178.372.339.694.466.974.22.55.398%201.092.55%201.643.034.093.127.415.296.94'/%3e%3c/svg%3e")}.cg-wrap piece.pawn.black{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='177.17'%20height='177.17'%20shape-rendering='geometricPrecision'%20image-rendering='optimizeQuality'%20fill-rule='evenodd'%20clip-rule='evenodd'%20viewBox='0%200%2050%2050'%3e%3cpath%20d='m25%2046.45h-13.394c-.66-1.651-.991-3.378-.991-5.182%200-3.056.864-5.8%202.599-8.238%201.736-2.43%203.971-4.166%206.697-5.207-1.168-.542-2.125-1.363-2.862-2.464-.737-1.101-1.101-2.345-1.101-3.734%200-1.736.576-3.243%201.736-4.513%201.152-1.278%202.574-2.02%204.267-2.21-1.346-1.01-2.02-2.345-2.02-3.996%200-1.389.491-2.582%201.482-3.573.982-.991%202.176-1.482%203.581-1.482%201.389%200%202.582.491%203.573%201.482.991.991%201.49%202.184%201.49%203.573%200%201.651-.669%202.989-2.02%203.996%201.693.195%203.116.931%204.267%202.21%201.16%201.27%201.736%202.777%201.736%204.513%200%201.389-.373%202.633-1.126%203.734-.753%201.101-1.71%201.922-2.862%202.464%202.726%201.041%204.961%202.777%206.697%205.207%201.736%202.438%202.599%205.182%202.599%208.238%200%201.786-.322%203.514-.965%205.182h-13.394'%20fill='%231f1a17'%20transform='matrix(1%200%200%20.97324%200%201.243)'/%3e%3c/svg%3e")}.cg-wrap piece.bishop.black{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='177.17'%20height='177.17'%20shape-rendering='geometricPrecision'%20image-rendering='optimizeQuality'%20fill-rule='evenodd'%20clip-rule='evenodd'%20viewBox='0%200%2050%2050'%3e%3cdefs%3e%3clinearGradient%20id='0'%20x1='21.09'%20y1='37.1'%20x2='77.67'%20y2='37.469'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23fff'/%3e%3cstop%20offset='1'%20stop-color='%23fff'%20stop-opacity='0'/%3e%3c/linearGradient%3e%3c/defs%3e%3cpath%20d='m25%2042.16c-.229.94-.517%201.592-.847%201.956-.33.364-.762.745-1.312%201.143-.593.415-1.295.762-2.108%201.05-.813.288-1.71.364-2.701.212l-6.968-.965c-.288-.034-.533-.034-.762%200-.22.034-.432.051-.635.051-.347%200-.787.076-1.321.237-.542.152-.957.381-1.253.677l-2.404-3.946c.296-.33.559-.559.787-.694.237-.127.508-.271.821-.415.957-.449%201.981-.72%203.073-.821.466-.034.923-.042%201.363-.025.449.017.914%200%201.397-.051.889.152%201.786.288%202.684.406.906.127%201.812.254%202.718.39.991%200%201.66-.102%202.01-.296.186-.102.474-.288.872-.55.398-.262.796-.652%201.194-1.168-.881-.093-1.77-.262-2.684-.508-.906-.237-1.71-.491-2.404-.754l2.582-6.401c-1.295-.745-2.193-1.338-2.709-1.795-.508-.457-.914-.982-1.211-1.575-.432-.762-.711-1.499-.83-2.21-.127-.711-.178-1.346-.161-1.913.017-.991.245-2.083.703-3.285.457-1.194%201.312-2.269%202.565-3.209%201.041-.796%202.066-1.617%203.057-2.455.991-.847%201.973-1.829%202.946-2.955-1.219-.627-1.829-1.626-1.829-2.997%200-.931.322-1.719.974-2.388.652-.66%201.456-.991%202.396-.991.923%200%201.719.33%202.379.991.66.669.991%201.456.991%202.388%200%201.355-.61%202.354-1.829%202.997.957%201.126%201.93%202.108%202.913%202.955.982.838%202.02%201.659%203.09%202.455%201.236.94%202.083%202.01%202.523%203.209.449%201.202.694%202.295.72%203.285%200%20.567-.051%201.202-.169%201.913-.118.711-.381%201.448-.796%202.21-.33.593-.745%201.118-1.253%201.575-.5.457-1.389%201.05-2.667%201.795l2.582%206.401c-.728.263-1.549.517-2.455.754-.914.246-1.787.415-2.633.508.381.517.771.906%201.168%201.168.398.263.694.449.897.55.347.195%201.016.296%202.01.296.889-.136%201.787-.263%202.692-.39.898-.118%201.803-.254%202.718-.406.44.051.889.068%201.346.051.457-.017.923-.008%201.406.025%201.058.102%202.083.373%203.073.821.296.144.567.288.804.415.245.135.508.364.804.694l-2.43%203.946c-.296-.296-.711-.525-1.253-.677-.533-.161-.965-.237-1.295-.237-.22%200-.44-.017-.66-.051-.22-.034-.474-.034-.754%200l-6.951.965c-.991.152-1.913.085-2.76-.195-.855-.279-1.558-.652-2.1-1.118-.542-.449-.982-.83-1.304-1.151-.322-.322-.593-.957-.804-1.897'%20fill='%231f1a17'/%3e%3cpath%20d='m24.09%2023.705v2.108c0%20.61.305.914.914.914.61%200%20.914-.305.914-.914v-2.134h2.235c.576%200%20.872-.296.872-.897%200-.593-.296-.889-.872-.889h-2.235v-2.235c0-.61-.305-.914-.914-.914-.61%200-.914.305-.914.914v2.235h-2.184c-.584%200-.872.296-.872.889%200%20.601.288.897.872.897l2.184.025m7.51%2013.741l-1.041-2.531c-1.685-.364-3.539-.542-5.554-.542-1.998%200-3.835.178-5.503.542l-1.041%202.506c2.049-.516%204.233-.77%206.545-.77%202.286%200%204.479.262%206.596.796m-2.083-5.114l-.72-1.736v-.669c-1.253-.178-2.523-.271-3.793-.271-1.236%200-2.498.093-3.768.271l-.025.669-.669%201.736c1.405-.246%202.887-.373%204.462-.373%201.592%200%203.09.127%204.513.373m-.864%209.381c-.66-.499-1.329-1.287-1.99-2.362h-.787c0%20.813.186%201.6.567%202.362h2.21m-5.114%200c.381-.813.576-1.6.576-2.362h-.796c-.643%201.058-1.312%201.846-2.02%202.362h2.235'%20fill='url(%230)'/%3e%3c/svg%3e")}.cg-wrap piece.knight.black{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='177.17'%20height='177.17'%20shape-rendering='geometricPrecision'%20image-rendering='optimizeQuality'%20fill-rule='evenodd'%20clip-rule='evenodd'%20viewBox='0%200%2050%2050'%3e%3cdefs%3e%3clinearGradient%20id='0'%20x1='21.253'%20y1='37.592'%20x2='77.64'%20y2='37.469'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23fff'/%3e%3cstop%20offset='1'%20stop-color='%23fff'%20stop-opacity='0'/%3e%3c/linearGradient%3e%3c/defs%3e%3cpath%20fill='%231f1a17'%20d='m26.18%209.395c2.599.169%205%20.838%207.222%202.02%202.21%201.168%204.098%202.675%205.656%204.513%201.092%201.287%202.117%202.845%203.082%204.665.974%201.812%201.744%203.742%202.32%205.774.66%202.371%201.084%204.851%201.253%207.459.178%202.599.263%205.01.263%207.23v5.402c0%200-1.287%200-3.861%200-2.565%200-5.901%200-10.01%200h-16.637c-.152%200-.22-.406-.212-1.211.008-.813.059-1.465.161-1.964.059-.398.22-.957.466-1.685.254-.728.66-1.609%201.245-2.65.262-.533.889-1.304%201.88-2.32.999-1.016%202.134-2.201%203.429-3.539.745-.762%201.321-1.719%201.744-2.879.423-1.151.601-2.201.533-3.15-.61.5-1.279.906-2.01%201.219-3.505%201.253-6.05%203.073-7.611%205.452-.119.152-.491.821-1.118%202.02-.33.627-.618%201.058-.847%201.287-.313.313-.771.491-1.363.525-.923.042-1.643-.398-2.159-1.346-.694.203-1.312.288-1.863.254-.923-.347-1.592-.72-2.01-1.118-.847-.847-1.389-1.685-1.651-2.532-.254-.847-.381-1.753-.381-2.726%200-1.389.855-3.226%202.582-5.512%202.02-2.625%203.09-4.631%203.217-6%200-.593.059-1.262.178-2.01.102-.517.305-1.01.618-1.49.22-.33.364-.559.432-.677.076-.127.212-.313.415-.559.144-.203.271-.356.373-.457.093-.11.22-.254.373-.44.178-.212.406-.457.694-.745-.88-2.413-1.236-4.902-1.067-7.459%203.285%201.168%206.05%203.01%208.28%205.529.55-1.871%201.626-3.387%203.226-4.538%201.321.923%202.371%202.151%203.15%203.666'/%3e%3cpath%20fill='url(%230)'%20d='m15.688%2017.786c.364-.186.542-.279.542-.279.499-.195.652-.559.474-1.092-.195-.491-.576-.66-1.143-.491-1.947.711-3.294%202.02-4.04%203.92-.118.542.076.914.593%201.118.516.161.864-.017%201.041-.55.136-.279.229-.466.296-.542.186.144.423.245.72.296%201.01.161%201.6-.279%201.761-1.338.051-.364-.034-.711-.246-1.041m-4.115%2016.764c.059-.152.169-.373.322-.669.279-.694.415-1.109.415-1.245-.025-.457-.271-.694-.72-.694-.33%200-.711.474-1.16%201.414-.068.136-.169.254-.296.347-.449.466-.381.855.195%201.168.533.313.94.212%201.245-.322m14.63-9.203c1.16-1.524%201.727-3.217%201.71-5.08-.068-.55-.381-.821-.94-.821-.762%200-1.058.279-.898.838.051.914-.034%201.668-.271%202.261-.381.94-.804%201.642-1.261%202.108-.254.5-.102.864.449%201.092.525.245.931.119%201.211-.398m-6.477-12.11c-.076-.593-.059-1.236.051-1.93-.991.195-1.922.66-2.802%201.389-.525.279-.652.669-.373%201.168.279.508.669.593%201.168.246.347-.186.669-.356.957-.508.288-.161.618-.279.999-.364m23.25%2031.454c-.017%200%200-.449.042-1.346.131-3.107.095-6.221.076-9.33-.017-2.21-.313-4.411-.889-6.613-.84-3.31-2.124-6.485-4.072-9.296-2.634-3.845-6.814-6.03-11.286-6.976.126.766.033%201.54.076%202.311%201.6.542%203.116%201.219%204.538%202.032%204.241%202.554%206.414%207.275%207.197%2011.93%201.272%206.154.453%2011.557.813%2017.289h3.505m-33.537-14.554c.474-.339.525-.728.144-1.194-.398-.381-.83-.415-1.312-.102-1.01.66-1.549%201.532-1.617%202.608.017.542.347.804.974.771.593-.051.881-.356.864-.923.135-.525.449-.914.948-1.16'/%3e%3c/svg%3e")}.cg-wrap piece.rook.black{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='177.17'%20height='177.17'%20shape-rendering='geometricPrecision'%20image-rendering='optimizeQuality'%20fill-rule='evenodd'%20clip-rule='evenodd'%20viewBox='0%200%2050%2050'%3e%3cdefs%3e%3clinearGradient%20id='0'%20x1='21.19'%20y1='37.552'%20x2='77.74'%20y2='37.429'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23fff'/%3e%3cstop%20offset='1'%20stop-color='%23fff'%20stop-opacity='0'/%3e%3c/linearGradient%3e%3c/defs%3e%3cpath%20fill='%231f1a17'%20d='m28.408%209.22h4.216v-3.395h6.796v9.295l-5.5%204.243v11.857l4.22%204.221v5.08h3.789v5.929h-33.859v-5.929h3.794v-5.08l4.246-4.221v-11.857l-5.508-4.243v-9.295h6.774v3.395h4.242v-3.395h6.79z'/%3e%3cpath%20fill='url(%230)'%20d='m25.01%2035.04h-10.27l-1.143%201.067v1.439h22.826v-1.439l-1.143-1.067h-10.27m-11.413%205.08v2.532h22.826v-2.532h-22.826m11.413-27.08h-12.7v1.143l1.812%201.363h21.802l1.761-1.363v-1.143h-12.675m0%204.191h-8.678l1.482%201.168v1.414h14.393v-1.414l1.482-1.168h-8.678m0%2013.547h-7.197v1.143l-1.482%201.439h17.357l-1.482-1.439v-1.143h-7.197'/%3e%3c/svg%3e")}.cg-wrap piece.queen.black{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='177.17'%20height='177.17'%20shape-rendering='geometricPrecision'%20image-rendering='optimizeQuality'%20fill-rule='evenodd'%20clip-rule='evenodd'%20viewBox='0%200%2050%2050'%3e%3cdefs%3e%3clinearGradient%20id='0'%20x1='21.253'%20y1='37.22'%20x2='77.76'%20y2='37.36'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23fff'/%3e%3cstop%20offset='1'%20stop-color='%23fff'%20stop-opacity='0'/%3e%3c/linearGradient%3e%3c/defs%3e%3cg%20fill='%231f1a17'%3e%3cpath%20d='m24.949%2010.752c-.94%200-1.744-.33-2.396-.991-.652-.66-.974-1.465-.974-2.405%200-.931.322-1.727.974-2.388.652-.66%201.456-.991%202.396-.991.923%200%201.727.33%202.396.991.669.66.999%201.456.999%202.388%200%20.94-.33%201.744-.999%202.405-.669.66-1.473.991-2.396.991'/%3e%3cpath%20d='m40.23%2043.942c-.813.711-2.633%201.304-5.461%201.786-2.828.474-6.087.72-9.77.72-3.751%200-7.05-.254-9.898-.745-2.845-.499-4.64-1.118-5.385-1.863l1.566-5.952-.694-3.895-2.184-3.793-2.108-15.426%201.211-.474%206.799%2011.455.152-13.64%201.685-.296%205.182%2013.716%202.777-14.757h1.719l2.777%2014.707%205.131-13.665%201.71.296.152%2013.64%206.824-11.481%201.16.542-2.057%2015.359-2.21%203.793-.694%203.946%201.617%206.03'/%3e%3cpath%20d='m14.535%2011.989c-.948%200-1.753-.322-2.413-.974-.66-.652-.991-1.456-.991-2.396%200-.923.33-1.719.991-2.379.66-.66%201.465-.991%202.413-.991.923%200%201.719.33%202.379.991.66.66.991%201.456.991%202.379%200%20.94-.33%201.744-.991%202.396-.66.652-1.456.974-2.379.974'/%3e%3cpath%20d='m35.36%2011.989c-.94%200-1.736-.322-2.388-.974-.652-.652-.982-1.456-.982-2.396%200-.923.33-1.719.982-2.379.652-.66%201.448-.991%202.388-.991.948%200%201.753.33%202.413.991.66.66.991%201.456.991%202.379%200%20.94-.33%201.744-.991%202.396-.66.652-1.465.974-2.413.974'/%3e%3cpath%20d='m5.4%2014.723c-.94%200-1.736-.33-2.388-.982-.652-.652-.982-1.448-.982-2.396%200-.923.33-1.719.982-2.388.652-.677%201.448-1.01%202.388-1.01.948%200%201.744.33%202.413%201.01.66.669.991%201.465.991%202.388%200%20.948-.33%201.744-.991%202.396-.669.652-1.465.982-2.413.982'/%3e%3cpath%20d='m44.541%2014.723c-.94%200-1.744-.33-2.405-.982-.66-.652-.991-1.448-.991-2.396%200-.923.33-1.719.991-2.388.66-.677%201.465-1.01%202.405-1.01.931%200%201.727.33%202.388%201.01.66.669.991%201.465.991%202.388%200%20.948-.33%201.744-.991%202.396-.66.652-1.456.982-2.388.982'/%3e%3c/g%3e%3cpath%20fill='url(%230)'%20d='m37.2%2035.729c-3.04-.838-7.095-1.262-12.15-1.262-5.097%200-9.195.432-12.302%201.287l.373%202.506c3.124-.813%207.095-1.219%2011.93-1.219%204.809%200%208.729.398%2011.752%201.194l.398-2.506m1.736-4.437c-1.372-.5-3.302-.906-5.791-1.228-2.489-.322-5.232-.483-8.246-.483-2.946%200-5.639.152-8.09.457-2.447.305-4.377.703-5.783%201.202l1.245%202.252c1.389-.406%203.192-.703%205.41-.889%202.21-.178%204.631-.271%207.264-.271%202.633%200%205.063.093%207.29.271%202.235.186%204.047.491%205.436.914l1.261-2.227m-1.092%2011.853l-.737-2.929c-3.226-.737-7.281-1.109-12.158-1.109-4.826%200-8.865.373-12.11%201.109l-.787%202.955c3.141-.957%207.442-1.439%2012.92-1.439%202.625%200%205.072.136%207.315.398%202.252.262%204.106.601%205.554%201.016'/%3e%3c/svg%3e")}.cg-wrap piece.king.black{background-image:url(/assets/bK-CqFTqFnx.svg)}.cg-wrap{width:512px;height:512px;position:relative;display:block}cg-helper{position:absolute;width:12.5%;padding-bottom:12.5%;display:table;bottom:0}cg-container{position:absolute;width:800%;height:800%;display:block;bottom:0}cg-board{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height:0;background-size:cover;cursor:pointer}cg-board square{position:absolute;top:0;left:0;width:12.5%;height:12.5%;pointer-events:none}cg-board square.move-dest{background:radial-gradient(#14551e80 22%,#208530 0,#0000004d,#0000 0);pointer-events:auto}cg-board square.premove-dest{background:radial-gradient(#141e5580 22%,#203085 0,#0000004d,#0000 0)}cg-board square.oc.move-dest{background:radial-gradient(transparent 0,transparent 80%,rgba(20,85,0,.3) 80%)}cg-board square.oc.premove-dest{background:radial-gradient(transparent 0,transparent 80%,rgba(20,30,85,.2) 80%)}cg-board square.move-dest:hover{background:#14551e4d}cg-board square.premove-dest:hover{background:#141e5533}cg-board square.last-move{will-change:transform;background-color:#9bc70069}cg-board square.selected{background-color:#14551e80}cg-board square.check{background:radial-gradient(ellipse at center,red 0,#e70000 25%,#a9000000 89%,#9e000000)}cg-board square.current-premove{background-color:#141e5580}.cg-wrap piece{position:absolute;top:0;left:0;width:12.5%;height:12.5%;background-size:cover;z-index:2;will-change:transform;pointer-events:none}cg-board piece.dragging{cursor:move;z-index:9}cg-board piece.anim{z-index:8}cg-board piece.fading{z-index:1;opacity:.5}.cg-wrap square.move-dest:hover{background-color:#14551e4d}.cg-wrap piece.ghost{opacity:.3}.cg-wrap svg{overflow:hidden;position:relative;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2;opacity:.6}.cg-wrap svg image{opacity:.5}.cg-wrap coords{position:absolute;display:flex;pointer-events:none;opacity:.8;font-size:9px}.cg-wrap coords.ranks{right:-15px;top:0;flex-flow:column-reverse;height:100%;width:12px}.cg-wrap coords.ranks.black{flex-flow:column}.cg-wrap coords.files{bottom:-16px;left:0;flex-flow:row;width:100%;height:16px;text-transform:uppercase;text-align:center}.cg-wrap coords.files.black{flex-flow:row-reverse}.cg-wrap coords coord{flex:1 1 auto}.cg-wrap coords.ranks coord{transform:translateY(39%)}.game-notation-container{padding:1rem;background:#f5ede3;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#8b6f47 #f5ede3}.game-notation-container::-webkit-scrollbar{width:10px}.game-notation-container::-webkit-scrollbar-track{background:#f5ede3;border-radius:5px}.game-notation-container::-webkit-scrollbar-thumb{background:#8b6f47;border-radius:5px}.game-notation-container::-webkit-scrollbar-thumb:hover{background:#6b5d47}.game-notation-content{font-family:Roboto,sans-serif;font-size:15px;color:#000}.game-notation-content .nota-game{display:block;width:100%;line-height:1.55em}span.cbmove{text-decoration:none;cursor:pointer;padding:0 0 0 .1em;margin:0}span.cbnota-result{font-weight:600;text-decoration:none;padding:0 0 0 .1em;margin:0}span.cbmove.cbmove-success{background-color:green;color:#fff;border-radius:.2em;box-shadow:1px 1px 5px #0000001f}span.cbmove.cbmove-stop{background-color:red;color:#fff;border-radius:.2em;box-shadow:1px 1px 5px #0000001f}span.cbmove.cbmove-start{background-color:#00f;color:#fff;border-radius:.2em;box-shadow:1px 1px 5px #0000001f}span.cbmove.cbmove-start:after{content:"🚦"}span.cbmove.cbmove-continue{background-color:#000;color:#fff;border-radius:.2em;box-shadow:1px 1px 5px #0000001f}span.cbmove.cbmove-goal:after{content:"🎯"}span.cbline[data-level="0"]{display:block;margin-top:2px}span.cbline[data-level="0"][data-commented="1"]{font-weight:600}span.cbline[data-level="1"]:before{content:"[";padding:0}span.cbline[data-level="1"]:after{content:"]";padding:0}span.cbline[data-level="2"]:before,span.cbline[data-level="3"]:before,span.cbline[data-level="4"]:before,span.cbline[data-level="5"]:before,span.cbline[data-level="6"]:before,span.cbline[data-level="7"]:before,span.cbline[data-level="8"]:before{content:"("}span.cbline[data-level="2"]:after,span.cbline[data-level="3"]:after,span.cbline[data-level="4"]:after,span.cbline[data-level="5"]:after,span.cbline[data-level="6"]:after,span.cbline[data-level="7"]:after,span.cbline[data-level="8"]:after{content:")";padding:0;display:inline;white-space:nowrap}span.cbline[data-level="9"][data-inx-line="0"]:before,span.cbline[data-level="10"][data-inx-line="0"]:before,span.cbline[data-level="11"][data-inx-line="0"]:before,span.cbline[data-level="12"][data-inx-line="0"]:before,span.cbline[data-level="13"][data-inx-line="0"]:before,span.cbline[data-level="14"][data-inx-line="0"]:before{content:"("}span.cbline[data-level="9"][data-inx-line="0"]:before{padding-left:.5em}span.cbline[data-level="9"]:after,span.cbline[data-level="10"]:after,span.cbline[data-level="11"]:after,span.cbline[data-level="12"]:after,span.cbline[data-level="13"]:after,span.cbline[data-level="14"]:after{content:";";white-space:pre;margin-right:.5em}span.cbline[data-level="9"][lastLine="1"]:after,span.cbline[data-level="10"][lastLine="1"]:after,span.cbline[data-level="11"][lastLine="1"]:after,span.cbline[data-level="12"][lastLine="1"]:after,span.cbline[data-level="13"][lastLine="1"]:after,span.cbline[data-level="14"][lastLine="1"]:after{content:")";display:inline;white-space:nowrap;padding-right:0}span.cbline[data-level="1"]{font-size:1em;display:block;font-weight:400;margin-left:2ex;text-shadow:none}span.cbline[data-level="2"]{font-size:97%;display:block;margin-left:2ex}span.cbline[data-level="1"] span.cbmove[data-inx-mv="0"]{font-weight:600;text-decoration:underline}span.cbline[data-level="2"] span.cbmove[data-inx-mv="0"]{text-decoration:none;text-shadow:none}span.cbline[data-level="2"] span.cbmove[data-inx-mv="0"]{text-decoration:none}span.cbline[data-level="6"] span.cbmove[data-inx-mv="0"]{text-shadow:none;font-weight:400}span.cbline[data-level="9"] span.cbmove[data-inx-mv="0"]{text-decoration:underline}span.cbline[data-level="10"] span.cbmove[data-inx-mv="0"]{text-decoration:none}span.cbline[data-level="3"]{font-size:96%}span.cbline[data-level="3"]{display:block;margin-left:1.8ex}span.cbline[data-level="4"]{font-size:96%;display:block;margin-left:1.9ex}span.cbline[data-level="5"]{font-size:96%;font-weight:400;display:block;margin-left:2ex}span.cbline[data-level="6"],span.cbline[data-level="7"],span.cbline[data-level="8"]{font-weight:400;font-style:normal;display:block}span.cbline[data-level="6"]{margin-left:2.1ex}span.cbline[data-level="7"]{margin-left:2.5ex}span.cbline[data-level="8"]{margin-left:2.8ex}span.cbline[data-level="9"],span.cbline[data-level="10"],span.cbline[data-level="11"],span.cbline[data-level="12"],span.cbline[data-level="13"],span.cbline[data-level="14"],span.cbline[data-level="15"]{display:inline}span.cbline[data-level="11"]{font-style:italic;font-size:92%}span.cbline[data-level="11"]{font-weight:300}span.cbcomment{font-style:normal;color:brown;font-family:Roboto Condensed,Arial Narrow;font-weight:400;text-shadow:none}span.cbcomment a{font-weight:800;color:brown;font-family:Roboto Condensed,Arial Narrow;text-shadow:none;text-decoration:underline}span.cbspec-glyph{font-family:CBArial}span.cbcol-marker{background-image:url(/images/NotaArrow16.png);background-repeat:no-repeat;vertical-align:middle;width:16px;height:16px;display:inline-block}.game-notation-content .cbmove.cbcur-move{background-color:brown;color:#fff;border-radius:.2em;box-shadow:1px 1px 5px #0000001f}span.cbcurline{background-color:#fbfbb673;transition:background-color .4s}span.cbcurlineparent{background-color:#fbfbb673;transition:background-color .3s}span.cbcurnode1{background-color:#99e05266}span.cbcurAlternative{background-color:#cef3ce57;box-shadow:1px 2px 5px #0000001f;text-decoration:none;transition:background-color .3s}span.cbgame-result{display:block;font-weight:700;font-size:115%;padding:.3em 2px 0}span.cbmedal{display:inline-block;background-color:red;margin:0;padding:0;max-height:16px;vertical-align:middle;border-radius:2px;border:1px solid hsla(0,0%,0%,.3);box-shadow:1px 1px 4px #b3804d4d}@media(max-width:767px){.game-notation-content{font-size:.75rem}.game-notation-container{padding:.5rem .25rem}}.game-header{background:#e0d5c8;padding:1rem;margin-bottom:0;box-shadow:0 2px 4px #0000001a}.game-header-line{font-size:1.15rem;color:#333;line-height:1.6;text-align:center}@media(max-width:767px){.game-header{padding:.4rem .5rem}.game-header-line{font-size:.75rem;line-height:1.2;word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.game-header-line strong{font-weight:600}}.game-header-line strong{font-weight:700;color:#333}.game-header-line span{color:#666}.game-header-line .annotator{font-style:italic;color:#666}.promotion-dialog-overlay{position:fixed;inset:0;background:#0009;z-index:9999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:auto}.promotion-dialog-positioner{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:10000;pointer-events:none}.promotion-dialog{width:auto;height:auto;background:#ede6dc;border:2px solid #a89584;border-radius:8px;padding:1.5rem;box-shadow:0 8px 32px #0000004d;min-width:320px;animation:promotion-dialog-appear .2s ease-out;pointer-events:auto}@keyframes promotion-dialog-appear{0%{opacity:0;transform:scale(.9) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.promotion-dialog h3{margin:0 0 1rem;color:#5a3a1f;text-align:center;font-size:1.1rem;font-weight:600}.promotion-pieces{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:1rem}.promotion-piece-button{background:#f0d9b5;border:2px solid #d4c4b0;border-radius:6px;padding:1rem;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;aspect-ratio:1;position:relative}.promotion-piece-button:hover{background:#b58863;border-color:#988876;transform:translateY(-2px);box-shadow:0 4px 12px #8b6f4766}.promotion-piece-button:active{transform:translateY(0)}.promotion-dialog piece{width:100%;height:100%;display:block;position:absolute;top:0;left:0}.promotion-cancel{width:100%;padding:.75rem;background:transparent;border:1px solid #a89584;border-radius:4px;color:#666;cursor:pointer;font-size:.9rem;transition:all .15s ease}.promotion-cancel:hover{background:#c9b8a6;border-color:#988876;color:#5a3a1f}.app{max-width:1800px;margin:0 auto;padding:2rem;display:flex;flex-direction:column;min-height:0;height:100vh;height:100dvh;overflow:hidden;box-sizing:border-box}header{background:linear-gradient(to right,#7d5a1d99,#9f7d4799 600px,#f5f0e8 1200px 100%),url(/images/header-banner.jpg) left center no-repeat;background-size:100% 100%,auto 100%;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;padding:1rem;box-shadow:0 2px 4px #0000001a}.header-left{display:flex;align-items:center;gap:1rem}.hamburger-menu-button{display:none;background:transparent;border:none;font-size:1.5rem;color:#333;cursor:pointer;padding:.5rem;align-items:center;justify-content:center;transition:color .2s;text-shadow:-1px -1px 0 rgba(235,220,195,.9),1px -1px 0 rgba(235,220,195,.9),-1px 1px 0 rgba(235,220,195,.9),1px 1px 0 rgba(235,220,195,.9),0 0 4px rgba(0,0,0,.4)}.hamburger-menu-button:hover{color:#666;text-shadow:-1px -1px 0 rgba(235,220,195,.95),1px -1px 0 rgba(235,220,195,.95),-1px 1px 0 rgba(235,220,195,.95),1px 1px 0 rgba(235,220,195,.95),0 0 5px rgba(0,0,0,.5)}header h1{margin:0;color:#333;text-shadow:-1px -1px 0 rgba(235,220,195,.9),1px -1px 0 rgba(235,220,195,.9),-1px 1px 0 rgba(235,220,195,.9),1px 1px 0 rgba(235,220,195,.9),0 0 4px rgba(0,0,0,.4)}.header-right{display:flex;align-items:center;gap:2rem;flex-wrap:wrap}.backend-status{display:flex;gap:2rem;font-size:.9rem;color:#666}.user-info{display:flex;align-items:center;gap:.75rem}.user-avatar{width:32px;height:32px;border-radius:50%;border:2px solid #ddd}.user-name{font-size:.9rem;color:#333;font-weight:500}.logout-button{background:#f44336;color:#fff;border:none;padding:6px 12px;font-size:.85rem;cursor:pointer;transition:background-color .2s}.logout-button:hover{background:#d32f2f}.backend-status strong{color:#4caf50}.backend-status strong:contains("disconnected"){color:#f44336}main{display:grid;grid-template-columns:450px 1fr;gap:1rem;align-items:start;flex:1;min-height:0}.game-view-container{display:flex;align-items:stretch;height:100%;min-height:0;border:2px solid #8b6f47;background:#f5f0e8;gap:0;overflow:hidden;box-sizing:border-box}.chess-board-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:space-between;height:100%;background:#e8ddd4;flex-shrink:0}.chess-board-container{display:flex;justify-content:center;align-items:flex-start;position:relative;padding:1rem}.game-navigation{width:100%;display:flex;flex-direction:column;gap:1rem;position:relative;z-index:10;pointer-events:auto;padding:.5rem 0rem;background:#d4c4b0;border-top:1px solid #b8a896;box-shadow:0 2px 4px #0000001a}.navigation-controls{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap;align-items:center;position:relative}.nav-button{background:#c9b8a6;color:#5a3a1f;border:1px solid #a89584;padding:8px;font-size:1rem;cursor:pointer;transition:all .2s;position:relative;z-index:100;pointer-events:auto;display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;opacity:.85}.nav-button:hover:not(:disabled){background:#b8a794;opacity:1;border-color:#988876}.nav-button:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.nav-button.edit-mode-active{background:#8b6f47;color:#f5f0e8;border-color:#6b5d47;opacity:1}.sidebar-menu-button{display:none;background:#8b6f47;color:#f5f0e8;border:2px solid #6b5d47;padding:8px 12px;font-size:1.1rem;cursor:pointer;transition:all .2s;position:absolute;left:.5rem;align-items:center;justify-content:center;min-width:40px;height:36px;border-radius:6px;box-shadow:0 2px 4px #0003;z-index:101}.sidebar-menu-button:hover{background:#6b5d47;border-color:#5a4a3a;box-shadow:0 2px 6px #0000004d}.edit-mode-button{background:#c9b8a6;color:#5a3a1f;border:1px solid #a89584;padding:8px;font-size:1rem;cursor:pointer;transition:all .2s;position:absolute;right:.5rem;z-index:10;border-radius:4px;display:flex;align-items:center;justify-content:center}.edit-mode-button:hover{background:#b8a794;opacity:1;border-color:#988876}.edit-mode-button.active{background:#8b6f47;color:#f5f0e8;border-color:#6b5d47;opacity:1}.sidebar{display:flex;flex-direction:column;gap:1rem;height:100%;overflow:hidden;transition:transform .3s ease-in-out}.sidebar-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:998}.databases-list,.games-list{background:#f5f0e8;padding:.75rem;border:2px solid #8b6f47;display:flex;flex-direction:column;overflow:hidden}.databases-list h2,.games-list h2{margin-top:0;margin-bottom:.75rem;color:#5a3a1f;font-size:1.1rem;font-weight:600}.databases-list ul,.games-list ul{list-style:none;padding:0;margin:0;flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;scrollbar-width:thin;scrollbar-color:#8b6f47 #f5f0e8}.databases-list ul::-webkit-scrollbar,.games-list ul::-webkit-scrollbar{width:10px}.databases-list ul::-webkit-scrollbar-track,.games-list ul::-webkit-scrollbar-track{background:#f5f0e8;border-radius:5px}.databases-list ul::-webkit-scrollbar-thumb,.games-list ul::-webkit-scrollbar-thumb{background:#8b6f47;border-radius:5px}.databases-list ul::-webkit-scrollbar-thumb:hover,.games-list ul::-webkit-scrollbar-thumb:hover{background:#6b5d47}.databases-list{flex:0 0 auto;max-height:28rem}.games-list{flex:1;min-height:0}.databases-list li{padding:.5rem .75rem;margin-bottom:.25rem;background:#ede6dc;border:1px solid #d4c4b0;cursor:pointer;transition:all .2s;border-radius:2px;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.databases-list li:hover{background:#e8ddd4;border-color:#c9b8a6}.databases-list li.selected{background:#d4c4b0;border:2px solid #8b6f47;box-shadow:0 2px 4px #0000001a}.games-list li{padding:.4rem .75rem;margin-bottom:0;background:transparent;border:none;cursor:pointer;transition:background-color .2s;border-radius:0;border-left:3px solid transparent}.games-list li:nth-child(2n){background:#e8ddd499}.games-list li:hover{background:#d4c4b04d}.games-list li:nth-child(2n):hover{background:#d4c4b080}.games-list li.selected{background:#d4c4b080;border-left-color:#8b6f47}.games-list li:nth-child(2n).selected{background:#d4c4b0b3}.databases-list .database-name,.games-list .players{font-weight:500;color:#5a3a1f;font-size:.9rem;display:block;line-height:1.4;flex:1}.games-list-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.games-list-header h2{margin-bottom:0}.new-game-button{background:transparent;border:none;color:#5a3a1f;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;opacity:.6;transition:opacity .2s;flex-shrink:0}.new-game-button:hover{opacity:1}.new-game-button svg{width:1.2rem;height:1.2rem}.sync-button{background:transparent;border:none;color:#5a3a1f;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;opacity:.6;transition:opacity .2s;flex-shrink:0}.sync-button:hover:not(:disabled){opacity:1}.sync-button:disabled{cursor:not-allowed;opacity:.8}.sync-button svg{width:1rem;height:1rem}.sync-button svg.rotating{animation:rotate 1s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.databases-list p,.games-list p{color:#666;font-size:.9rem;margin:0;padding:.5rem 0}.notation-area{background:#ede6dc;display:flex;flex-direction:column;overflow:hidden;color:#666;border:1px solid #d4c4b0;flex:1 0 320px;min-width:320px}.resize-handle{width:8px;background:#8b6f47;cursor:col-resize;flex-shrink:0;position:relative;transition:background-color .2s}.resize-handle:hover{background:#6b5d47}.resize-handle.resizing{background:#5a4a3a}.resize-handle:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:#ffffff4d;transform:translate(-50%)}.notation-divider{height:2px;background:#8b6f47;border:none}.notation-area>*:not(.game-notation-container){flex-shrink:0}.notation-area .game-notation-container{flex:1;min-height:0}@media(max-width:1199px){.app{padding:.5rem}header{margin-bottom:.5rem;background:linear-gradient(to right,#7d5a1d99,#9f7d4799 300px,#f5f0e8 600px 100%),url(/images/header-banner.jpg) left center no-repeat;background-size:100% 100%,auto 100%}.sidebar-menu-button{display:flex}header h1{font-size:2rem}.header-right{gap:1rem}.backend-status{font-size:.8rem;gap:1rem}.user-name{font-size:.85rem}.logout-button{padding:5px 10px;font-size:.8rem}main{grid-template-columns:1fr;position:relative}.sidebar{position:fixed;top:0;left:0;width:320px;max-width:85vw;height:100vh;z-index:999;background:#f5f0e8;transform:translate(-100%);box-shadow:2px 0 8px #0003;overflow-y:auto;padding:1rem;box-sizing:border-box}.sidebar.open{transform:translate(0)}.sidebar-overlay{display:block}.databases-list,.games-list{border:1px solid #8b6f47}}@media(max-width:767px){.app{padding:0rem}header{margin-bottom:0rem;padding:.7rem;background:linear-gradient(to right,#7d5a1d99,#9f7d4799 150px,#f5f0e8 300px 100%),url(/images/header-banner.jpg) left center no-repeat;background-size:100% 100%,auto 100%}header h1{font-size:1.5rem}.backend-status{display:none}.user-info{gap:.5rem}.user-avatar{width:28px;height:28px}.user-name{display:none}.logout-button{padding:4px 8px;font-size:.75rem}.game-view-container{flex-direction:column;height:100%;min-height:0;flex:1}.chess-board-wrapper{width:100%!important;max-width:100%!important;min-width:100%!important;height:auto;min-height:auto}.game-view-container{border:0}.chess-board-container{padding:0;width:100%;display:flex;justify-content:center;align-items:center}coords.ranks,coords.files{display:none!important}.resize-handle{display:none}.notation-area{width:100%;flex:1 1 auto;min-width:100%;max-width:100%;min-height:0;position:relative;z-index:1;pointer-events:auto;border:0;display:flex;flex-direction:column;overflow:hidden}.game-navigation{padding:.5rem;border-bottom:1px solid #8b6f47}.navigation-controls{gap:1.25rem}.nav-button{min-width:32px;height:32px;font-size:.9rem}.notation-divider{display:none}.game-notation-container{border:0;flex:1;min-height:0;display:flex;flex-direction:column}}.status-icon{background:#f5f0e8b3;border:1px solid rgba(0,0,0,.1);cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 1px 3px #0000001a;width:36px;height:36px}.status-icon:hover{transform:scale(1.1);background:#f5f0e8e6;box-shadow:0 2px 5px #00000026}.status-icon:active{transform:scale(.95)}.status-icon svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.status-good{color:#4caf50}.status-good svg circle{fill:#4caf50}.status-bad{color:#f44336}.status-bad svg circle{fill:#f44336}.status-checking{color:#ff9800}.status-checking svg circle{fill:#ff9800}.access-denied{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}.access-denied-content{background:#fff;padding:3rem;border-radius:12px;box-shadow:0 10px 40px #0003;text-align:center;max-width:500px;margin:2rem}.access-denied-content h1{color:#d32f2f;margin-bottom:1rem;font-size:2rem}.access-denied-content p{color:#666;margin-bottom:1rem;font-size:1.1rem;line-height:1.6}.unauthorized-note{color:#999;font-size:.9rem;font-style:italic;margin-top:.5rem}.login-button-container{display:flex;justify-content:center;margin-top:1rem}.status-page{position:fixed;inset:0;height:100vh;display:flex;justify-content:center;align-items:flex-start;background:#f5f5f5;padding:2rem;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;box-sizing:border-box}.status-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:2rem;max-width:600px;width:100%}.status-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.status-container h1{margin:0;color:#333;font-size:2rem}.main-page-link{color:#4caf50;text-decoration:none;font-weight:500;font-size:1rem;padding:.5rem 1rem;border-radius:4px;transition:all .2s;border:1px solid #4caf50;white-space:nowrap;display:inline-block}.link-text-short{display:none}.main-page-link:hover{background:#4caf50;color:#fff}.status-section{margin-bottom:2rem}.status-section:last-child{margin-bottom:0}.status-section h2{margin:0 0 1rem;color:#555;font-size:1.25rem;font-weight:600;border-bottom:2px solid #eee;padding-bottom:.5rem}.user-info-section{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.user-avatar-large{width:64px;height:64px;border-radius:50%;border:3px solid #ddd}.user-details{flex:1;min-width:200px}.user-name-large{font-size:1.1rem;color:#333;font-weight:600;margin-bottom:.25rem}.user-email{font-size:.9rem;color:#666}.logout-button-large{background:#f44336;color:#fff;border:none;padding:10px 20px;font-size:1rem;cursor:pointer;border-radius:4px;transition:background-color .2s;font-weight:500}.logout-button-large:hover{background:#d32f2f}.no-user-section{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1rem 0}.no-user{color:#666;font-style:italic;margin:0}.login-button-container{display:flex;justify-content:center;align-items:center}.backend-status-list{display:flex;flex-direction:column;gap:1rem}.backend-status-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#f9f9f9;border-radius:4px;gap:1rem;flex-wrap:wrap}.backend-label{font-weight:500;color:#333;flex-shrink:0}.backend-status-value{font-weight:600;padding:4px 12px;border-radius:4px;text-transform:capitalize}.backend-status-value.connected{color:#4caf50;background:#e8f5e9}.backend-status-value.disconnected{color:#f44336;background:#ffebee}.backend-status-value.checking{color:#ff9800;background:#fff3e0}@media(max-width:600px){.status-page{padding:1rem 1rem 2rem;align-items:flex-start}.status-container{padding:1rem;margin-bottom:1rem}.status-header{flex-direction:row;align-items:center;justify-content:space-between;gap:.75rem}.status-container h1{font-size:1.5rem;margin-bottom:0}.main-page-link{width:auto;padding:.4rem .8rem;font-size:.9rem}.link-text-full{display:none}.link-text-short{display:inline}.status-section{margin-bottom:1.5rem}.status-section h2{font-size:1.1rem}.backend-status-item{padding:.75rem}.backend-label{font-size:.9rem}.backend-status-value{font-size:.85rem;align-self:flex-end}.logout-button-large{padding:8px 16px;font-size:.9rem}}