:root{--square-size:100px;--light-square:#ece4b7;--dark-square:#63934d;--bg-color:#25252d;--highlight-light-square:#d8c86e;--highlight-dark-square:#d4c25e;--drag-hover-light-border:#f6f3df;--drag-hover-dark-border:#77ab5f;--legal-move-dot-color:#6ca054;--legal-move-dot-size:30%;--king-check-flash-color:#d36135;--king-check-flash-duration:0.25s;--main-font-family:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--button-bg-color:#373743;--button-text-color:#fff;--history-bg-color:#2e2e38;--history-text-color:#ccc;--button-size:var(--square-size);--button-height:calc(var(--button-size)/2);--button-icon-size:25px;--history-width:calc(var(--button-size)*3 + 20px)}body,html{background:var(--bg-color);color:#fff;margin:0;padding:0}.App{background:var(--bg-color);box-sizing:border-box;display:grid;min-height:100vh;padding:20px;place-content:center}@media (max-width:850px){:root{--square-size:80px}}@media (max-width:650px){:root{--square-size:12.5vw}.App{display:block;overflow-x:hidden;padding:20px 0 0}.board{max-width:100%;width:100vw}.squares{border-radius:0}}@media (max-width:450px){.App{padding-top:10px}}.board{position:relative}.squares{border-radius:4px;display:grid;grid-template-columns:repeat(8,var(--square-size));grid-template-rows:repeat(8,var(--square-size));overflow:hidden;width:calc(var(--square-size)*8)}@media (max-width:650px){.squares{border-radius:0}}.square--light{background:var(--light-square);color:var(--light-square)}.square--dark{background:var(--dark-square);color:var(--dark-square)}.pieces{bottom:0;left:0;right:0;top:0}.piece,.pieces{position:absolute}.piece{background-image:var(--piece-image);background-size:100%;cursor:grab;height:var(--square-size);width:var(--square-size);z-index:10}.piece:active{cursor:grabbing}@keyframes flash-animation{0%{background-color:initial}50%{background-color:var(--king-check-flash-color)}to{background-color:initial}}.king-flash{animation:flash-animation var(--king-check-flash-duration) ease-in-out;animation-iteration-count:2;height:var(--square-size);pointer-events:none;position:absolute;width:var(--square-size);z-index:4}.game-sidebar{font-family:var(--main-font-family);gap:10px;left:100%;margin-left:20px;position:absolute;top:50%;transform:translateY(-50%);width:var(--history-width)}.game-sidebar,.move-history{display:flex;flex-direction:column}.move-history{border-radius:4px;box-sizing:border-box;color:var(--history-text-color);font-weight:600;height:calc(var(--square-size)*4);overflow-y:auto;padding:10px;width:100%}.history-header,.move-history{background-color:var(--history-bg-color)}.history-header{border-bottom:1px solid #444;font-weight:700;margin-bottom:5px;padding-bottom:5px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.history-row{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:30px 1fr 1fr;margin-bottom:5px}.game-controls{display:flex;gap:10px;position:relative}.control-button{align-items:center;background-color:var(--button-bg-color);border:none;border-radius:4px;color:var(--button-text-color);cursor:pointer;display:flex;font-family:inherit;font-size:16px;height:var(--button-height);justify-content:center;padding:0;white-space:nowrap;width:var(--button-size)}.more-menu-dropdown{background-color:var(--history-bg-color);border-radius:4px;box-shadow:0 4px 6px #0000004d;display:flex;flex-direction:column;margin-top:5px;min-width:150px;overflow:hidden;position:absolute;right:0;top:100%;z-index:100}.menu-item{align-items:center;background:none;border:none;color:var(--history-text-color);cursor:pointer;display:flex;font-size:14px;gap:10px;padding:10px 15px;text-align:left}.menu-item:hover{background-color:#ffffff1a}.menu-item svg{height:16px;width:16px}.new-game-dialog-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.new-game-dialog{background-color:var(--history-bg-color);border-radius:8px;box-shadow:0 4px 6px #0000004d;color:var(--history-text-color);max-width:90%;padding:20px;width:400px}.new-game-dialog h2{border-bottom:1px solid #444;margin-bottom:20px;margin-top:0;padding-bottom:10px;text-align:center}.variants-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.variant-select-btn{align-items:center;background:#ffffff0d;border:1px solid #0000;border-radius:6px;color:var(--history-text-color);cursor:pointer;display:flex;flex-direction:column;font-size:14px;gap:8px;padding:15px 5px;transition:all .2s}.variant-select-btn:hover{background-color:#ffffff26;transform:translateY(-2px)}.variant-select-btn.active{background-color:var(--button-bg-color);border-color:#ffffff4d;color:var(--button-text-color)}.variant-icon{font-size:24px}.dialog-actions{display:flex;justify-content:flex-end}.cancel-btn{background-color:initial;border:1px solid #666;border-radius:4px;color:#ccc;cursor:pointer;font-size:14px;padding:8px 16px}.cancel-btn:hover{background-color:#ffffff1a}.time-control-settings{border-top:1px solid #444;display:flex;flex-direction:column;gap:15px;margin-top:20px;padding-top:20px}.setting-row{align-items:center;display:flex;justify-content:space-between}.slider-setting{align-items:stretch;flex-direction:column;gap:8px}.slider-label{color:#ccc;display:flex;font-size:14px;justify-content:space-between}.slider-setting input[type=range],.switch-container{cursor:pointer;width:100%}.switch-container{align-items:center;display:flex;font-size:15px;gap:10px;-webkit-user-select:none;user-select:none}.switch-container input{height:0;opacity:0;width:0}.switch-container .slider{background-color:#444;border-radius:20px;display:inline-block;height:20px;margin-left:auto;position:relative;transition:.4s;width:40px}.switch-container .slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:14px;left:3px;position:absolute;transition:.4s;width:14px}.switch-container input:checked+.slider{background-color:var(--button-bg-color)}.switch-container input:checked+.slider:before{transform:translateX(20px)}@media (max-width:850px){.game-sidebar{box-sizing:border-box;flex-direction:row;flex-wrap:wrap;justify-content:center;left:0;margin-left:0;margin-top:20px;padding:0 10px;position:absolute;top:100%;transform:none;width:100%;z-index:50}.move-history{height:150px;order:2;width:100%}.game-controls{gap:15px;justify-content:center;order:1;width:100%}.control-button{height:50px;width:60px}}.legal-move-dot{align-items:center;border-radius:50%;display:flex;height:100%;justify-content:center;pointer-events:none;width:100%;z-index:100}.legal-move-dot:after{background-color:var(--legal-move-dot-color);border:4px solid #6ca054;border-radius:50%;box-sizing:border-box;content:"";display:block;height:var(--legal-move-dot-size);width:var(--legal-move-dot-size);z-index:100}.highlight-square{background-color:var(--highlight-light-square);height:var(--square-size);pointer-events:none;position:absolute;width:var(--square-size);z-index:5}.highlight-square.dark{background-color:var(--highlight-dark-square)}.promotion-dialog-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:1000}.promotion-dialog{background-color:var(--button-bg-color);border-radius:8px;box-shadow:0 4px 15px #0000004d;max-width:90%;padding:10px;width:calc(var(--square-size)*4 + 20px)}.promotion-options{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,var(--square-size))}.promotion-option{align-items:center;background-color:var(--history-bg-color);border-radius:4px;cursor:pointer;display:flex;font-size:1.5em;justify-content:center;padding:0;transition:background-color .2s ease-in-out}.promotion-option:hover{background-color:var(--button-bg-color)}.promotion-option img{display:block;height:var(--square-size);width:var(--square-size)}.import-dialog-overlay{align-items:center;background-color:#00000080;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.import-dialog{background-color:#262421;background-color:var(--history-bg-color,#262421);border-radius:8px;box-shadow:0 4px 6px #0000004d;color:#fff;color:var(--button-text-color,#fff);font-family:Segoe UI,sans-serif;font-family:var(--main-font-family,"Segoe UI",sans-serif);max-width:90vw;padding:20px;width:400px}.import-dialog h3{color:#e5e5e5;margin-bottom:15px;margin-top:0}.fen-input{background-color:#302e2b;border:1px solid #444;border-radius:4px;box-sizing:border-box;color:#fff;margin-bottom:15px;padding:10px;width:100%}.import-actions{display:flex;gap:10px;justify-content:flex-end}.cancel-button,.import-button{border:none;border-radius:4px;cursor:pointer;font-weight:700;padding:8px 16px}.import-button{background-color:#81b64c;color:#fff}.import-button:hover{background-color:#a3d160}.cancel-button{background-color:#363230;color:#b5b5b5}.cancel-button:hover{background-color:#403d3a;color:#fff}
/*# sourceMappingURL=main.fb7d9f33.css.map*/