.header-box{height:var(--header-height);background-color:var(--color-bg-block);position:absolute;top:0;width:100%;display:grid;grid-template-columns:200px 1fr;font-size:1.8rem}.header__logo{padding:1rem;text-align:left;color:var(--color-text-dimmed)}.header__logo-pic{height:2rem;max-width:200px;background-image:var(--logo-url);background-repeat:no-repeat;background-size:contain}.header__options{padding:0 1rem;text-align:right}.header__options-ico{display:inline-block;font-size:2.4rem;position:relative;top:-.2rem;padding-top:1rem;height:100%;margin-left:.5rem;text-align:center}.header__options-ico,.header__options-ico>a,.header__options-ico>a:visited{color:var(--color-text)}.header__options-ico:hover,.header__options-ico>a:hover{color:var(--color-btn);cursor:pointer}.header__support,.header__support:visited,.header__support:active{position:absolute;top:1rem;max-width:300px;margin:auto;left:50%;transform:translate(-50%);color:#d33e5e}.header__support:hover{text-decoration:none;color:#cf002d}@keyframes beat{to{transform:scale(1.4)}}.header__support-ico{animation:beat .5s 6 alternate;transform-origin:center}.header__support:hover .header__support-ico{animation:beat .5s infinite alternate}@media (orientation: portrait){.header__logo-pic{height:2rem;max-width:130px;background-image:var(--logo-mobile-url)}.header-box{grid-template-columns:140px 1fr}}.scrollable{background:var(--color-bg-block);padding:2rem 1rem 2rem 2rem;height:100%;display:flex;overflow:auto}.scrollable__content{overflow-y:auto;overflow-x:hidden;padding:0;padding-right:1rem;width:100%}.scrollable__content::-webkit-scrollbar{width:.7rem;cursor:pointer}.scrollable__content::-webkit-scrollbar-track{background-color:var(--color-scrollbar-track)}.scrollable__content::-webkit-scrollbar-thumb{background-color:var(--color-scrollbar);outline:1px solid var(--color-scrollbar)}@media (orientation: portrait){.scrollable{height:auto;display:block}}.moves{font-size:1.4rem;font-family:Fira Mono;text-align:left;background-color:var(--color-bg-input)}.moves__turn{text-align:center}.move{padding:3px}.move__id{display:inline-block;width:4rem;text-align:right;margin-right:2rem;color:var(--color-text)}.move__ply{display:inline-block;width:7rem;color:var(--color-btn)}.move__ply--current{color:var(--color-text);background-color:var(--color-highlight)}.move__ply:hover{text-decoration:underline;cursor:pointer}@media (orientation: portrait){.moves{text-align:left}.move{display:inline-block}.move__id,.move__ply{display:inline-block;margin-right:.6rem;width:auto}}@media (orientation: landscape) and (max-height: 400px){.moves{display:none}}.controls-box{grid-area:controls;padding:0 2rem 2rem}.controls{background:var(--color-bg-block);padding:2rem 1rem;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.controls__button{margin:0;padding:.5rem;font-size:3rem;text-align:center;width:4.4rem;height:4.4rem;border-radius:0}.flip__button{margin-left:3px;padding:.5rem;font-size:3rem;text-align:center;border-radius:5px;width:4.4rem;height:4.4rem}.controls__button:hover{background:var(--color-btn-light);cursor:pointer}.controls__button--last{margin-right:3px;border-top-right-radius:5px;border-bottom-right-radius:5px}.controls__button--first{margin-left:0;border-top-left-radius:5px;border-bottom-left-radius:5px}@media (orientation: portrait){.controls-box{padding:0}.controls{background:var(--color-bg-block);padding:1.5rem 0;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.controls__button{margin:0 .8vw;padding:.5rem;font-size:3rem;text-align:center;width:12.8vw;height:12.8vw;max-height:6rem;border-radius:5px}.controls__button--next{width:23vw}.flip__button{margin:0 .8vw;padding:.5rem;font-size:3rem;text-align:center;border-radius:5px;width:12.8vw;height:12.8vw;max-height:6rem}}@media (orientation: landscape) and (max-height: 400px){.controls{padding-top:0}}.info-box{grid-area:controls;padding:0 2rem 2rem}.info{background:var(--color-bg-block);padding:2rem;font-size:1.4rem;text-align:left;position:relative}.info__players{position:relative;line-height:2rem;margin-bottom:2rem;padding:0 1rem}.info__player{display:grid;grid-template-columns:auto 40px}.info__right{text-align:right}.info__rating{font-family:Fira Code,monospace;color:var(--color-text-dimmed)}.info__score{font-family:Fira Code,monospace;color:var(--color-score);margin-left:1rem}.info__color{border-radius:1rem;padding:0;border:solid 2px var(--color-tab);width:1.4rem;height:1.4rem;margin-right:.8rem}.info__color--white{background-color:#eee}.info__color--black{background-color:#111}.info__event{margin-bottom:1rem}.info__event,.info__site{font-size:1.3rem;line-height:1.5rem;color:var(--color-text);padding:0 1rem}.info__header{height:13.1rem}.info__analyze{margin-top:2rem}@media (orientation: portrait){.info__header{height:auto}}.load{background:var(--color-bg-block);border-bottom-left-radius:5px;border-bottom-right-radius:5px}.load__game-input{height:25vh;margin-top:2rem}.load__game-input::-webkit-scrollbar{width:.7rem;cursor:pointer}.load__game-input::-webkit-scrollbar-track{box-shadow:inset 0 0 6px rgba(0,0,0,.5)}.load__game-input::-webkit-scrollbar-thumb{background-color:#003b2f;outline:1px solid rgb(0,59,47)}.load__game-btn{width:100%}.load__pgn-file{margin-top:2rem}.load__pgn-file-info{font-size:1.3rem}.load__pgn-file-info p{margin-top:1rem;color:var(--color-text-dimmed)}.load__link-input{margin-top:2rem}.load__daily-game{margin-top:2rem;font-size:1.4rem;text-align:left;text-transform:capitalize}.load__recent{font-size:1.4rem;text-align:left;list-style:circle}.load__recent-item{margin-bottom:.5rem;margin-left:2rem}.load__recent-options{font-size:1.4rem;text-align:left;margin-top:1rem;color:var(--color-text-dimmed)}.load__recent-delete-item{position:relative;display:none}.load__recent-item:hover .load__recent-delete-item{display:inline}.load__recent-delete-item:hover{cursor:pointer;color:var(--color-warning)}@media (orientation: portrait){.load__game-input{height:20vh}}@media (orientation: landscape) and (max-height: 400px){.load__game-input{height:30vh}}.share{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.share__format,.share__size{padding:.8rem;border-radius:0;margin-bottom:1rem;opacity:.5}.share__format{width:33.33%}.share__size{width:20%}.share__format--first,.share__size--first{border-top-left-radius:5px;border-bottom-left-radius:5px}.share__format--last,.share__size--last{border-top-right-radius:5px;border-bottom-right-radius:5px}.share__format--active,.share__size--active{opacity:1}.share__format--active:hover,.share__size--active:hover{cursor:default}.share__btn{margin-bottom:1rem}.header--first{margin-top:0;margin-bottom:2.5rem}.options__button{margin:3px;padding:.5rem;font-size:3rem;line-height:3rem;text-align:center;border-radius:5px;width:4rem;height:4rem;opacity:.5}.options__button--active{opacity:1}.options__button:hover{background:var(--color-btn-light);cursor:pointer}.options__button--last{margin-right:0}.options__button--first{margin-left:0}.rotatable{transition:transform .3s}.rotated{transform:rotate(180deg)}.stylus{text-align:left;font-size:1.4rem;margin-left:1.5rem;color:var(--color-text);font-family:Fira Mono,monospace}.delimiter{color:var(--color-highlight)}.share__stylus{margin-top:2rem;background-color:var(--color-btn-accent);font-size:2rem;line-height:2rem;padding:1.5rem}.share__stylus:hover{background-color:var(--color-btn-accent-light)}.share__stylus span{font-size:1.2rem;line-height:1.2rem}.boards{text-align:center;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.boards__ico{background-color:transparent!important}.collection{text-align:center;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.collection__cards{padding:0;margin:0}.collection__title{text-align:center;text-transform:capitalize}.collection__card{margin:.5rem;cursor:pointer;width:7.2rem;height:9.8rem;background-color:var(--color-bg-card);border-radius:.5rem;box-shadow:var(--card-shadow);display:inline-block;position:relative}.collection__ico{border:solid 5px transparent;cursor:pointer;width:7.2rem;height:7.2rem;background-color:var(--color-highlight);border-radius:.5rem;display:inline-block;background-size:contain;background-repeat:no-repeat;position:relative}.collection__ico--active{border-color:var(--color-frame-marker-active);cursor:default}.collection__actions{width:7.2rem;height:2.6rem;position:absolute;padding:.5rem .2rem;bottom:0;cursor:default;font-size:0}.collection__action,.collection__action:hover{display:inline-block;width:1.6rem;height:1.6rem;background-color:transparent;background-size:contain;background-repeat:no-repeat;cursor:pointer;margin:0 .3rem;opacity:var(--card-buttons-opacity);filter:saturate(0)}.collection__action:hover{background-color:transparent;opacity:1;filter:saturate(1)}.collection__favorite,.collection__favorite:hover{background-image:url(/img/heart.svg)}.collection__favorite--active,.collection__favorite--active:hover{opacity:.8;filter:saturate(1);background-image:url(/img/heart-full.svg)}.collection__favorite--active:hover{opacity:1;filter:saturate(1);background-image:url(/img/heart-full.svg)}.collection__stylus,.collection__stylus:hover{background-image:url(/img/stylus.svg)}.collection__download,.collection__download:hover{background-image:url(/img/download.svg)}.switch{max-width:31.8rem;margin:auto;margin-bottom:1.5rem}.switch__btn{width:50%;opacity:.5}.switch__btn--right{border-top-left-radius:0;border-bottom-left-radius:0}.switch__btn--left{border-top-right-radius:0;border-bottom-right-radius:0}.switch__btn--active{opacity:1}.switch__btn--active:hover{cursor:default}.tab{border-bottom-left-radius:0;border-bottom-right-radius:0;height:3.8rem;background:var(--color-tab);min-width:4rem}.tab:hover{background:var(--color-tab-light)}.tab--active{background:var(--color-bg-block);color:var(--color-text);cursor:default}.tab--active:hover{background:var(--color-bg-block)}.game-box{grid-area:moves;padding:2rem;padding-top:var(--header-margin);min-width:41rem;height:100vh}.game{height:100%;display:grid;grid-template-rows:3.8rem 22rem auto 8.4rem}.game-tabs{display:grid;grid-auto-flow:column;grid-template-columns:1fr 1fr;column-gap:.5rem}.game-tabs--condensed{grid-template-columns:1fr 1fr 1fr}.span2{grid-row-end:span 2}.span3{grid-row-end:span 3}@media (orientation: portrait){.game-box{padding:0;height:auto;min-height:100vh;min-width:36rem}.game{display:block}}@media (orientation: landscape) and (max-height: 400px){.game{grid-template-rows:3.8rem 1fr 6.4rem}}.setup-box{height:100vh;grid-area:setup;padding:2rem;padding-top:var(--header-margin);min-width:41rem}.setup{font-size:1.6rem;height:100%;display:grid;grid-template-rows:3.8rem 1fr}.setup-tabs{display:grid;grid-auto-flow:column;grid-template-columns:1fr 1fr 1fr;column-gap:.5rem}@font-face{font-family:Chess;font-weight:400;font-display:swap;src:url(/fonts/Chess.ttf) format("truetype")}@font-face{font-family:Ubuntu;font-weight:500;font-display:swap;src:url(/fonts/Ubuntu-Medium.ttf) format("truetype")}@font-face{font-family:Ubuntu;font-weight:700;font-display:swap;src:url(/fonts/Ubuntu-Bold.ttf) format("truetype")}@font-face{font-family:Fira Mono;font-display:swap;src:url(/fonts/FiraMono-Medium.ttf) format("truetype")}*{border:0;margin:0;padding:0;box-sizing:border-box;outline:none}html{font-size:10px}body{background-repeat:repeat;background-position:center;text-align:center;font-family:Ubuntu,sans-serif;--header-height: 4rem;--header-margin: 6rem}.invisible{font-size:0;height:0}.ubuntu-font-init{font-family:Ubuntu;font-weight:500}.ubuntu-bold-font-init{font-family:Ubuntu;font-weight:700}.fira-font-init{font-family:Fira Mono;font-weight:500}.chess-font-init{font-family:Chess;font-weight:400}.dark{background-color:#313742;background-image:url(/img/pattern.png);background-size:12rem;color:#d4dde0;--logo-url: url(/img/logo.svg);--logo-mobile-url: url(/img/logo-mobile.svg);--color--score: #ffffff;--color-btn: rgb(0, 173, 136);--color-btn-light: rgb(0, 207, 162);--color-btn-accent: #8bd636;--color-btn-accent-light: #a4f14b;--color-tab: #899399;--color-tab-light: #a9b4bd;--color-bg-block: #17171f;--color-bg-card: #21212c;--color-bg-input: #20242a;--color-border-input: #2d323a;--color-highlight: #ffffff22;--color-text: #aaa;--color-text-contrast: #0e0e13;--color-text-input: #acbddb;--color-text-dimmed: #677794;--color-scrollbar: rgb(0, 59, 47);--color-scrollbar-track: #ffffff22;--color-frame-marker-active: #fff;--card-shadow: .5rem .5rem .5rem #00000077;--card-buttons-opacity: .4;--color-warning: #fc4444}.light{background-color:#959ea1;background-image:url(/img/pattern-light.png);background-size:12rem;color:#1d1f20;--logo-url: url(/img/logo-dark.svg);--logo-mobile-url: url(/img/logo-mobile-dark.svg);--color-btn: rgb(0, 148, 116);--color-btn-light: rgb(0, 114, 89);--color-btn-accent: #6bad1f;--color-btn-accent-light: #89d137;--color-tab: #5d6468;--color-tab-light: #3e4346;--color-bg-block: #dddddd;--color-bg-card: #eeeeee;--color-bg-input: #eeeeee;--color-border-input: #7f8999;--color-highlight: #00000022;--color-text: rgb(46, 54, 58);--color-text-contrast: #fff;--color-text-input: #46494e;--color-text-dimmed: #767980;--color-scrollbar: rgb(133, 184, 173);--color-scrollbar-track: #00000022;--color-frame-marker-active: #000;--card-shadow: .5rem .5rem .5rem #00000044;--card-buttons-opacity: .8;--color-warning: #fc4444}button,.btn,.upload:before{padding:.8rem;font-family:Ubuntu;font-size:1.5rem;background:var(--color-btn);color:var(--color-text-contrast);border-radius:5px;width:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none}button:hover,.btn:hover,.upload:hover:before{background:var(--color-btn-light);text-decoration:none;cursor:pointer}.btn--error,.btn--error:hover{background-color:var(--color-warning)}input,textarea{width:100%;padding:.8rem;font-family:Fira Mono;font-size:1.4rem;margin-bottom:1rem;background:var(--color-bg-input);border:solid 1px var(--color-border-input);color:var(--color-text-input);outline:none;resize:none}input:focus,textarea:focus{border-color:#005744}h2{color:var(--color-text);text-align:left;font-size:1.5rem;margin:2.5rem 0 1.5rem;font-weight:500}h3{color:var(--color-text);text-align:left;font-size:1.6rem;margin:1.5rem 0 1rem;font-weight:500}hr{margin-top:2rem;border-top:solid 1px var(--color-highlight)}a,a:visited,a:active{color:var(--color-btn);text-decoration:none}a.btn,a.btn:visited,a.btn:active{display:inline-block;text-align:center;color:var(--color-text-contrast);text-decoration:none}a:hover{text-decoration:underline}.invisible{opacity:0}.board-box{height:100vh;grid-area:board;padding:var(--header-margin) 0 2rem 0}.board-box--left{padding-left:2rem}.board{box-shadow:0 0 2rem rgba(0,0,0,.6);border-radius:5px;max-width:100%;max-height:100%}.double{display:grid;grid-template-columns:1fr 1fr;column-gap:1rem}.layout{display:grid;grid-template-columns:1fr 2fr 1fr;grid-template-rows:1fr;grid-template-areas:"setup board moves" "setup board moves";height:100vh}@media (orientation: landscape) and (max-width: 1536px){html{font-size:9px}}@media (orientation: landscape) and (max-width: 1365px){.layout{grid-template-columns:2fr 1fr;grid-template-areas:"board moves" "board moves"}}@media (orientation: portrait){html{font-size:10px}.layout{grid-template-columns:1fr;grid-template-areas:"board" "moves" "setup"}.moves-box{height:auto}.board-box{height:auto;max-height:100vh;padding:var(--header-height) 0 1rem 0;font-size:0}.board{border-radius:0}.setup-box{height:auto}}::placeholder{color:var(--color-text-dimmed)}.popup{width:100vw;height:100vh;position:absolute;top:0;background-color:rgba(0,0,0,.7);padding:2rem;display:grid;vertical-align:middle}.popup__box{background-color:var(--color-bg-block);max-width:300px;width:100%;margin:auto;padding:2rem;border-radius:.5rem;box-shadow:0 0 2rem rgba(0,0,0,.6);position:relative;border:solid 1px var(--color-highlight)}.popup__close{width:3.2rem;position:absolute;top:1rem;right:1rem}.popup__title{text-align:left;margin:0 4.2rem 3rem 0}.popup__content{text-align:left;font-size:1.2rem}.popup__content p,.popup__content ul{margin-top:2rem}.popup__content li{margin-top:.5rem;margin-left:2rem}.fs-popup{width:100vw;height:100vh;position:absolute;top:0;display:grid;vertical-align:middle;padding-top:var(--header-height);pointer-events:none}.fs-popup__box{background-color:var(--color-bg-input);min-height:100%;width:100%;margin:auto;padding:6rem 2rem 2rem;position:relative;pointer-events:all}.fs-popup__close{width:3.2rem;position:absolute;top:1rem;right:1rem}.fs-popup__content{text-align:left;font-size:1.2rem;max-width:800px;margin:auto}.about__title{text-align:left;margin:0 4.2rem 3rem 0}.about{text-align:left;font-size:1.2rem;max-width:800px;margin:auto}.about p{margin-top:2rem;font-size:1.4rem;line-height:2rem}.about ul{margin-top:2rem;list-style:none;font-size:1.4rem;line-height:3rem}.about li{margin-top:.5rem;margin-left:2rem}.about kbd{margin-top:.5rem;margin-left:2rem;background-color:var(--color-tab);color:var(--color-text-contrast);padding:.5rem 1rem;margin-right:1rem;border-radius:.5rem;box-shadow:.5rem .5rem 1rem rgba(0,0,0,.2);font-family:Fira Mono,monospace;font-weight:500}.about__shortcuts{display:grid;grid-template-columns:1fr 1fr}ul.about__features{list-style:circle}.us-info{max-width:1200px;font-size:1.4rem}.us-info__steps{display:grid;grid-template-columns:1fr 1fr 1fr;column-gap:4rem}.us-info__intro{font-size:1.6rem;line-height:2.2rem;margin-bottom:5rem}.us-info__step-num{font-size:5rem;margin-top:0;font-family:Ubuntu;padding-bottom:1rem;border-bottom:solid 3px var(--color-btn)}.us-info__step-title{font-size:2rem;padding:1rem 0;margin-bottom:2rem}.us-info__description{line-height:2.2rem;margin-bottom:2rem}.us-info__install-stylus{margin-top:2rem}.us-info__install-stylus .btn{max-width:220px}.us-info__manage-stylus{margin-top:2rem}.us-info__manage-stylus img{border-radius:5px;box-shadow:.7rem .7rem 1rem rgba(0,0,0,.333)}.us-info__text-ico{width:1.8rem;height:1.8rem;position:relative;top:.3rem;margin:0 .5rem}.us-info__browse{display:grid;grid-template-columns:1fr 1fr;column-gap:1rem}.support{max-width:1200px;font-size:1.4rem}.support__intro{margin-bottom:2rem;text-align:center}.support__methods{display:grid;grid-template-columns:repeat(3,1fr);column-gap:3rem;margin-top:10rem}.support__method{padding:5rem 1rem 1rem;border-top:solid .4rem var(--color-btn);position:relative}.support__title{text-align:center;font-size:2rem}.support__ico{width:12rem;position:absolute;top:-6.2rem;left:50%;background-color:var(--color-bg-input);transform:translate(-50%);border:solid 2rem var(--color-bg-input)}.support__ico--coffee{top:-7.2rem;width:13rem}.support__description{line-height:2.2rem;margin-bottom:2rem}.support__donate-btn{margin-top:3rem;background-color:var(--color-btn-accent);padding:1.5rem;font-size:2rem}.support__donate-btn:hover{background-color:var(--color-btn-accent-light)}.support__share{text-align:center;margin-top:5rem}.support__share-intro,.support__subreddit{font-size:1.6rem;margin-bottom:2rem;text-align:center}@media (orientation: portrait){.support__methods{display:grid;grid-template-columns:1fr;margin-top:10rem}.support__method{margin-bottom:7rem}}.resp-sharing-button__link,.resp-sharing-button__icon{display:inline-block}.resp-sharing-button__link{text-decoration:none;color:#fff;margin:.5em}.resp-sharing-button{border-radius:5px;transition:25ms ease-out;padding:.5em .75em;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.resp-sharing-button__icon svg{width:1em;height:1em;margin-right:.4em;vertical-align:top}.resp-sharing-button--small svg{margin:0;vertical-align:middle}.resp-sharing-button__icon{stroke:#fff;fill:none}.resp-sharing-button__icon--solid,.resp-sharing-button__icon--solidcircle{fill:#fff;stroke:none}.resp-sharing-button--twitter{background-color:#55acee}.resp-sharing-button--twitter:hover{background-color:#2795e9}.resp-sharing-button--pinterest{background-color:#bd081c}.resp-sharing-button--pinterest:hover{background-color:#8c0615}.resp-sharing-button--facebook{background-color:#3b5998}.resp-sharing-button--facebook:hover{background-color:#2d4373}.resp-sharing-button--tumblr{background-color:#35465c}.resp-sharing-button--tumblr:hover{background-color:#222d3c}.resp-sharing-button--reddit{background-color:#fa571b}.resp-sharing-button--reddit:hover{background-color:#ff4500}.resp-sharing-button--google{background-color:#dd4b39}.resp-sharing-button--google:hover{background-color:#c23321}.resp-sharing-button--linkedin{background-color:#0077b5}.resp-sharing-button--linkedin:hover{background-color:#046293}.resp-sharing-button--email{background-color:#777}.resp-sharing-button--email:hover{background-color:#5e5e5e}.resp-sharing-button--xing{background-color:#1a7576}.resp-sharing-button--xing:hover{background-color:#114c4c}.resp-sharing-button--whatsapp{background-color:#25d366}.resp-sharing-button--whatsapp:hover{background-color:#1da851}.resp-sharing-button--hackernews{background-color:#f60}.resp-sharing-button--hackernews:hover,.resp-sharing-button--hackernews:focus{background-color:#fb6200}.resp-sharing-button--vk{background-color:#507299}.resp-sharing-button--vk:hover{background-color:#43648c}.resp-sharing-button--facebook{background-color:#3b5998;border-color:#3b5998}.resp-sharing-button--facebook:hover,.resp-sharing-button--facebook:active{background-color:#2d4373;border-color:#2d4373}.resp-sharing-button--twitter{background-color:#55acee;border-color:#55acee}.resp-sharing-button--twitter:hover,.resp-sharing-button--twitter:active{background-color:#2795e9;border-color:#2795e9}.resp-sharing-button--email{background-color:#777;border-color:#777}.resp-sharing-button--email:hover,.resp-sharing-button--email:active{background-color:#5e5e5e;border-color:#5e5e5e}.resp-sharing-button--reddit{background-color:#fa571b;border-color:#fa571b}.resp-sharing-button--reddit:hover,.resp-sharing-button--reddit:active{background-color:#ff4500;border-color:#ff4500}.resp-sharing-button--whatsapp{background-color:#25d366;border-color:#25d366}.resp-sharing-button--whatsapp:hover,.resp-sharing-button--whatsapp:active{background-color:#1da851;border-color:#1da851}.resp-sharing-button--telegram{background-color:#54a9eb}.resp-sharing-button--telegram:hover{background-color:#4b97d1}.resp-sharing-button__link:visited{color:#fff}