:root{--board-size:800px;--tile-size:100px;--piece-size:100%;--white-tile-color:#ccdadf;--black-tile-color:#7194a9;--bg-color:#302e2b;--hint-tile-color:#00000024}@font-face{font-family:Chess;src:url(../media/CHEQ_TT.c1cc3143.TTF)format("truetype")}@media (max-width:450px){:root{--tile-size:50px}}main{color:#fff;gap:1rem;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;display:flex}.evaluation-bar{width:48px;height:var(--board-size);background-color:#111;flex-direction:column;flex:0 0 48px;display:flex;position:relative;overflow:hidden}.evaluation-black,.evaluation-white{flex:none;width:100%}.evaluation-black{background-color:#1a1a1a}.evaluation-white{background-color:#f2f2f2;transition:height .2s}.evaluation-score,.evaluation-engine{z-index:1;color:#fff;white-space:nowrap;background-color:#252525d9;border-radius:3px;padding:.1rem .2rem;font-size:12px;line-height:1.2;position:absolute;left:50%;transform:translate(-50%)}.evaluation-score{top:.5rem}.evaluation-engine{font-weight:700;bottom:.5rem}.menu{text-align:center;background-color:#252525;border-radius:4px;flex-direction:column;width:320px;height:800px;display:flex;overflow:hidden}.opening-name{color:#f2f2f2;text-align:left;background-color:#1e1e1e;border:1px solid #3a3a3a;border-radius:4px;align-items:center;gap:.5rem;margin:0 .75rem .75rem;padding:.5rem .65rem;line-height:1.25;display:flex}.opening-name span{color:#72bdd4;flex:none;font-weight:700}.move-classification-card{text-align:left;background-color:#1e1e1e;border:1px solid #3a3a3a;border-radius:4px;margin:0 .75rem .75rem;padding:.75rem}.move-classification-headline{color:var(--move-classification-text);align-items:center;gap:.35rem;font-size:15px;font-weight:700;line-height:1.2;display:flex}.move-classification-headline img{flex:none}.move-classification-headline .piece-icon{color:var(--move-classification-text)}.move-classification-best{color:#fff;margin-top:.45rem;font-size:13px;line-height:1.3}.move-classification-card-brilliant{--move-classification-text:#54cfe3}.move-classification-card-great{--move-classification-text:#74d379}.move-classification-card-best{--move-classification-text:#60cc89}.move-classification-card-book{--move-classification-text:#cca368}.move-classification-card-excellent{--move-classification-text:#71d391}.move-classification-card-good{--move-classification-text:#a4d068}.move-classification-card-miss{--move-classification-text:#c688e5}.move-classification-card-inaccuracy{--move-classification-text:#ebca54}.move-classification-card-mistake{--move-classification-text:#ec9148}.move-classification-card-blunder{--move-classification-text:#f86666}.menu-controls-inline{grid-template-columns:1fr 64px;gap:.5rem;padding:.75rem;display:grid}.move-controls{grid-template-columns:repeat(4,1fr);gap:.5rem;padding:0 .75rem .75rem;display:grid}.menu-controls-inline .move-controls{padding:0}.move-controls button{color:#fff;cursor:pointer;font:inherit;background-color:#333;border:1px solid #444;border-radius:4px;min-height:36px;font-size:18px}.move-controls button:hover:not(:disabled){background-color:#3d3d3d}.move-controls button:disabled{color:#777;cursor:not-allowed;opacity:.7}.flip-board-button{color:#fff;cursor:pointer;font:inherit;background-color:#303030;border:1px solid #444;border-radius:4px;min-height:36px;margin:0 .75rem .75rem;font-size:22px}.menu-controls-inline .flip-board-button{margin:0}.flip-board-button:hover{background-color:#3d3d3d}.flip-board-button[aria-pressed=true]{color:#bcefff;border-color:#72bdd4}.menu .move-history{background-color:#1e1e1e;flex:1;padding:.5rem;overflow-y:auto}.menu .move-history p{border-radius:2px;align-items:center;gap:.5rem;margin:.25rem 0;padding:.25rem .5rem;display:flex}.menu .move-history p:hover{background-color:#2a2a2a}.move-number{color:#888;min-width:2rem;font-weight:700}.move-text{flex:1;align-items:center;gap:.25rem;min-width:3rem;display:inline-flex}.piece-icon{color:#fff;font-family:Chess;font-size:20px}
:root{--board-size:800px;--tile-size:100px;--piece-size:100%;--white-tile-color:#ccdadf;--black-tile-color:#7194a9;--bg-color:#302e2b;--hint-tile-color:#00000024}@font-face{font-family:Chess;src:url(../media/CHEQ_TT.c1cc3143.TTF)format("truetype")}@media (max-width:450px){:root{--tile-size:50px}}.board{grid-template-columns:repeat(8,var(--tile-size));grid-template-rows:repeat(8,var(--tile-size));width:var(--board-size);height:var(--board-size);flex-wrap:wrap;display:flex}
:root{--board-size:800px;--tile-size:100px;--piece-size:100%;--white-tile-color:#ccdadf;--black-tile-color:#7194a9;--bg-color:#302e2b;--hint-tile-color:#00000024}@font-face{font-family:Chess;src:url(../media/CHEQ_TT.c1cc3143.TTF)format("truetype")}@media (max-width:450px){:root{--tile-size:50px}}.tile{pointer-events:none;place-content:center;display:grid;position:relative}.tile img{width:var(--piece-size)}.white-tile{background-color:var(--white-tile-color);width:var(--tile-size);height:var(--tile-size);background-image:url(/imgs/board/texture.png)}.black-tile{background-color:var(--black-tile-color);width:var(--tile-size);height:var(--tile-size);background-image:url(/imgs/board/texture.png)}.chess-piece{width:var(--tile-size);height:var(--tile-size);background-position:50%;background-repeat:no-repeat;background-size:var(--piece-size);will-change:transform;z-index:100;pointer-events:all;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;transition:transform .1s ease-in-out}.tile .chess-piece-status-icon{z-index:120;pointer-events:none;-webkit-user-select:none;user-select:none;width:43px;height:43px;position:absolute;top:-10px;right:-10px}.chess-piece-castle-king,.chess-piece-castle-rook{transition:transform .24s cubic-bezier(.22,1,.36,1)!important}.chess-piece.dragging{z-index:90;transition:none!important}.tile .chess-piece:hover{cursor:grab}.tile .chess-piece:active{cursor:grabbing}.tile-hint:not(.chess-piece-tile):before{content:"";background-color:var(--hint-tile-color);border-radius:50%;width:30px;height:30px}.tile-hint.chess-piece-tile:before{content:"";border:7.2px solid var(--hint-tile-color);border-radius:50%;width:85.6px;height:85.6px;position:absolute}.tile-hovered{box-shadow:inset 0 0 0 3px #fff9}.tile-selected{background-color:#5ed7f1e6}.tile-last-move-from{background-color:#72bdd4e6}.tile-last-move-to{background-color:#72bdd4}.tile-classification:after{content:"";background-color:var(--move-classification-color);pointer-events:none;z-index:1;position:absolute;inset:0}.tile-classification-brilliant{--move-classification-color:#54cfe35c}.tile-classification-great{--move-classification-color:#74d37957}.white-tile.tile-classification-best{--move-classification-color:#aecd9c}.black-tile.tile-classification-best{--move-classification-color:#7da880}.white-tile.tile-classification-book{--move-classification-color:#d1bfaf}.black-tile.tile-classification-book{--move-classification-color:#a8a198}.black-tile.tile-classification-excellent{--move-classification-color:#7ba880}.white-tile.tile-classification-excellent{--move-classification-color:#aacb9b}.black-tile.tile-classification-good{--move-classification-color:#85a893}.white-tile.tile-classification-good{--move-classification-color:#b4ccae}.white-tile.tile-classification-miss{--move-classification-color:#eaaca8}.black-tile.tile-classification-miss{--move-classification-color:#bf8b8e}.white-tile.tile-classification-inaccuracy{--move-classification-color:#e7d495}.black-tile.tile-classification-inaccuracy{--move-classification-color:#b8b179}.white-tile.tile-classification-mistake{--move-classification-color:#edc4a2}.black-tile.tile-classification-mistake{--move-classification-color:#bb9f86}.black-tile.tile-classification-blunder{--move-classification-color:#bb7072}.white-tile.tile-classification-blunder{--move-classification-color:#e7928a}
.pawn-promotion-box{z-index:200;background-color:#fff;border-radius:3px;display:flex;position:fixed;box-shadow:3px 3px 10px #000000a6}.pawn-promotion-cancel{color:#888;cursor:pointer;background-color:#fff;border:0;border-radius:4px;width:100px;height:36px;font-size:24px;line-height:1}
:root{--board-size:800px;--tile-size:100px;--piece-size:100%;--white-tile-color:#ccdadf;--black-tile-color:#7194a9;--bg-color:#302e2b;--hint-tile-color:#00000024}@font-face{font-family:Chess;src:url(../media/CHEQ_TT.c1cc3143.TTF)format("truetype")}@media (max-width:450px){:root{--tile-size:50px}}body{background-color:var(--bg-color)}.App{place-content:center;display:grid}