@import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap);:root{--logo-blue:#1932ae;--gold:#f3a40a;--dark-dawn-blue:#070d25;--dawn-blue:#121a50;--wood-yellow:#e0b67b;--pearl:#ead9c2;--white:#fff;--black:#000;--light-grey:#dedede;--grey:#bdbdbd;--dark-grey:#484848;--green:#1aa968;--blue:#2198db;--purple:#c168c1;--orange:#d37d2b;--red:#ce514d;--pink:#d95f8e}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue;margin:0;max-width:100vw;min-height:100dvh;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{align-content:start;box-sizing:border-box;display:flex;flex-direction:column;min-height:120vh;padding:0 10%;position:relative;width:100%}main{grid-column-gap:20px;column-gap:20px;display:grid;grid-template-columns:repeat(4,1fr)}main.nocolumns{grid-template-columns:1fr}input,textarea{border:3px solid #bdbdbd;border:3px solid var(--grey);border-radius:1em;font-size:16px;padding:1em}input[type=checkbox]{cursor:pointer;height:30px;margin:0;opacity:0;position:absolute;width:30px}input[type=checkbox]+label{cursor:pointer;font-size:16px;line-height:30px;margin-bottom:.5em;padding-left:38px;position:relative;-webkit-user-select:none;user-select:none}input[type=checkbox]+label:before{background-color:#fff;background-color:var(--white,#fff);border:3px solid #bdbdbd;border:3px solid var(--grey,#aaa);border-radius:4px;box-sizing:border-box;content:"";height:30px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:30px}input[type=checkbox]:checked+label:after{background:url(/static/media/tick.f01575ae8d99bdc25bf2.svg) no-repeat 50%;background-size:contain;content:"";height:20px;left:15px;position:absolute;top:50%;transform:translate(-50%,-50%);width:20px}input.feedback:valid:not(:focus):not(:placeholder-shown){border-color:#1aa968;border-color:var(--green)}input.feedback:invalid:not(:focus):not(:placeholder-shown){border-color:#ce514d;border-color:var(--red)}label{color:#000;color:var(--black)}label,select{font-family:var(--font-family);font-size:20px;font-weight:700}select{--bg:var(--logo-blue);-webkit-appearance:none;appearance:none;-moz-appearance:none;background-color:var(--bg);background-image:url(/static/media/down-arrow.2e784c326c56abdb19bc.svg);background-position:calc(100% - 16px);border:none;border-radius:.5em;color:#fff;color:var(--white);letter-spacing:1.2px;padding:.5em 40px .5em 1em}button.back,select{background-repeat:no-repeat;background-size:14px 14px}button.back{background-image:url(/static/media/left-arrow.8f80d01fde9dbe0e04ef.svg);background-position:16px;padding-left:40px}.m0{margin:0}p{font-size:24px;letter-spacing:1.5;line-height:150%}.h1{font-size:48px}.h2{font-size:36px}li{font-size:20px;margin-bottom:8px}@media screen and (max-width:599px){select{font-size:16px}p{font-size:20px}.h1{font-size:36px}.h2{font-size:24px}}button{--bg:var(--logo-blue);--shadow:var(--dawn-blue);-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background-color:var(--bg);border:none;border-radius:1em;box-shadow:0 3px var(--shadow);color:var(--white);cursor:pointer;font-family:var(--font-family);font-size:20px;font-weight:700;letter-spacing:1.2px;margin-bottom:3px;padding:.5em 1em;touch-action:manipulation;transition:box-shadow .1s ease,transform .1s ease;user-select:none;-webkit-user-select:none;-ms-user-select:none;will-change:transform,box-shadow}.is-safari button{transition:none!important}button:active{box-shadow:0 0 var(--shadow);transform:translateY(3px)}button.secondary{background-color:var(--white);box-sizing:border-box;color:var(--bg);outline:3px solid var(--bg);outline-offset:-3px}button.green{--bg:var(--green);--shadow:hsl(from var(--green) h s calc(l - 10))}button.blue{--bg:var(--blue);--shadow:hsl(from var(--blue) h s calc(l - 10))}button.purple{--bg:var(--purple);--shadow:hsl(from var(--purple) h s calc(l - 10))}button.orange{--bg:var(--orange);--shadow:hsl(from var(--orange) h s calc(l - 10))}button.red{--bg:var(--red);--shadow:hsl(from var(--red) h s calc(l - 10))}button.pink{--bg:var(--pink);--shadow:hsl(from var(--pink) h s calc(l - 10))}button:disabled{--bg:var(--grey);--shadow:var(--dark-grey)}button.s{font-size:16px;padding:.5em 1em}button.m{font-size:20px;padding:.5em 1em}button.l{font-size:22px;padding:.5em 1em}@media screen and (max-width:599px){button.s{font-size:14px}button.m{font-size:16px}button.l{font-size:18px}}body{background-color:var(--pearl)}.welcomeContainer{box-sizing:border-box;display:flex;flex-direction:column;grid-column:span 2;height:100%;padding:6em 0}.startImg{grid-column:span 2;padding:6em 0;place-self:center;width:70%}@media screen and (max-width:999px){.startImg{width:100%}}@media screen and (max-width:899px){.welcomeContainer{grid-column:span 4;padding:3em 0}.startImg{grid-column:span 4;padding:0}.postListContainer{margin-top:1em}}.chessboard-container{--square-light-color:#f0d9b5;--square-dark-color:#b58863;--marked-square-color:#55555544;--marked-square-capture-border-color:#55555544;--selected-square-color:#fff35f;--last-move-square-color:#faeb44e3;--history-arrow-bg-color:color-mix(in srgb,var(--logo-blue) 100%,#0000);--history-arrow-bg-hover-color:color-mix(in srgb,var(--logo-blue) 80%,#0000);--history-arrow-bg-disabled-color:color-mix(in srgb,var(--logo-blue) 50%,#0000);max-width:100%;position:relative;width:-webkit-fit-content;width:fit-content}.history-arrows-container{display:flex;gap:10px;justify-content:center;margin:10px 0;pointer-events:none;width:100%}.history-arrow{background-color:#55555588;background-color:var(--history-arrow-bg-color,#55555588);border:none;border-radius:8px;cursor:pointer;font-size:1em;height:50px;padding:1em;pointer-events:auto;width:100px}.history-arrow:hover{background-color:#555c;background-color:var(--history-arrow-bg-hover-color,#555c)}.history-arrow:disabled{background-color:#55555544;background-color:var(--history-arrow-bg-disabled-color,#55555544);cursor:default}.history-arrow:focus,.history-arrow:focus-visible{outline:none}.history-arrow svg{height:100%;object-fit:contain;width:100%}.history-arrow.end,.history-arrow.forward{transform:scaleX(-1)}.history-arrow.end,.history-arrow.start{width:70px}.chessboard{aspect-ratio:1;direction:rtl;display:flex;flex-direction:row-reverse;flex-wrap:wrap-reverse;touch-action:none;-webkit-user-select:none;user-select:none;width:100%}.chessboard>div{aspect-ratio:1;width:12.5%}.black-vue{flex-direction:row;flex-wrap:wrap}.light{background-color:#f0d9b5;background-color:var(--square-light-color,#f0d9b5)}.dark{background-color:#b58863;background-color:var(--square-dark-color,#b58863)}.chess-square>img{aspect-ratio:1;height:100%;width:100%;z-index:1}.chess-square{align-items:center;display:flex;justify-content:center;position:relative}.marked-square{background-color:#55555544;background-color:var(--marked-square-color,#55555544);height:30%;left:35%;top:35%;width:30%}.marked-square,.marked-square-capture{border-radius:50%;pointer-events:none;position:absolute}.marked-square-capture{background-color:initial;border:7px solid #55555544;border:7px solid var(--marked-square-capture-border-color,#55555544);box-sizing:border-box;height:100%;width:100%}.chess-piece{-webkit-user-drag:none;-webkit-touch-callout:none;cursor:grab;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none}.selected-square{background-color:#fff35f;background-color:var(--selected-square-color,#fff35f)}.last-move-square:after{background-color:#fff35f;background-color:var(--last-move-square-color,#fff35f);content:"";inset:0;position:absolute}.check-square{position:relative}.check-square:after{background:radial-gradient(circle,#dc2828d9 0,#dc282899 35%,#dc28284d 55%,#0000 72%);border-radius:50%;content:"";inset:6%}.arrow-layer,.check-square:after{pointer-events:none;position:absolute}.arrow-layer{aspect-ratio:1/1;inset:0;width:100%;z-index:10}.rank-label{left:2px;top:2px}.file-label,.rank-label{font-size:.75em;font-weight:700;position:absolute;-webkit-user-select:none;user-select:none}.file-label{bottom:2px;right:2px}.light .label{color:#b58863;color:var(--square-dark-color,#b58863)}.dark .label{color:#f0d9b5;color:var(--square-light-color,#f0d9b5)}