@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&display=swap";*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}html,body{height:100%}body{line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}a{color:inherit;text-decoration:none}button{background:none;border:none;cursor:pointer}ul,ol{list-style:none}table{border-collapse:collapse;border-spacing:0}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}a,button,input,select,textarea{-webkit-tap-highlight-color:rgba(0,0,0,0)}html{-webkit-text-size-adjust:100%}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}@-webkit-keyframes spin{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes bounce{0%,100%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-4px);transform:translateY(-4px)}}@keyframes bounce{0%,100%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-4px);transform:translateY(-4px)}}:root{--board-light: #f0d9b5;--board-dark: #b58863;--board-highlight: rgba(255, 255, 0, 0.4);--board-selected: rgba(20, 85, 30, 0.5);--board-check: rgba(255, 0, 0, 0.5);--board-last-move: rgba(155, 199, 0, 0.41);--board-legal-move: rgba(0, 0, 0, 0.1);--board-legal-capture: rgba(0, 0, 0, 0.1);--ui-bg-primary: #f8f6f3;--ui-bg-secondary: #ffffff;--ui-text-primary: #2c2c2c;--ui-text-secondary: #666666;--ui-border: #e0e0e0}[data-theme=wood],:root{--board-light: #f0d9b5;--board-dark: #b58863;--board-highlight: rgba(255, 255, 0, 0.4);--board-selected: rgba(20, 85, 30, 0.5)}[data-theme=green]{--board-light: #eeeed2;--board-dark: #769656;--board-highlight: rgba(255, 255, 0, 0.4);--board-selected: rgba(20, 85, 30, 0.5)}[data-theme=blue]{--board-light: #dee3e6;--board-dark: #8ca2ad;--board-highlight: rgba(255, 255, 0, 0.4);--board-selected: rgba(20, 85, 80, 0.5)}[data-theme=midnight]{--board-light: #4a4a4a;--board-dark: #2d2d2d;--board-highlight: rgba(255, 255, 0, 0.3);--board-selected: rgba(100, 150, 100, 0.5);--ui-bg-primary: #121212;--ui-bg-secondary: #1e1e1e;--ui-text-primary: #e0e0e0;--ui-text-secondary: #a0a0a0;--ui-border: #333333}.theme-swatch{display:inline-block;width:40px;height:40px;border-radius:4px;overflow:hidden;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.05);box-shadow:0 1px 2px rgba(0,0,0,.05);border:2px solid rgba(0,0,0,0);cursor:pointer;-webkit-transition:border-color 150ms ease;transition:border-color 150ms ease}.theme-swatch:hover{border-color:#769656}.theme-swatch.active{border-color:#b58863}.theme-swatch__grid{display:block;width:100%;height:100%}.theme-swatch--wood .theme-swatch__grid{background:linear-gradient(135deg, #f0d9b5 25%, #b58863 25%, #b58863 50%, #f0d9b5 50%, #f0d9b5 75%, #b58863 75%);background-size:20px 20px}.theme-swatch--green .theme-swatch__grid{background:linear-gradient(135deg, #eeeed2 25%, #769656 25%, #769656 50%, #eeeed2 50%, #eeeed2 75%, #769656 75%);background-size:20px 20px}.theme-swatch--blue .theme-swatch__grid{background:linear-gradient(135deg, #dee3e6 25%, #8ca2ad 25%, #8ca2ad 50%, #dee3e6 50%, #dee3e6 75%, #8ca2ad 75%);background-size:20px 20px}.theme-swatch--midnight .theme-swatch__grid{background:linear-gradient(135deg, #4a4a4a 25%, #2d2d2d 25%, #2d2d2d 50%, #4a4a4a 50%, #4a4a4a 75%, #2d2d2d 75%);background-size:20px 20px}html{font-size:16px}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:15px;color:var(--ui-text-primary);background-color:var(--ui-bg-primary);min-height:100vh;overflow-x:hidden}#__next,.app-container{min-height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}main{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;color:var(--ui-text-primary)}h1{font-size:40px}h2{font-size:32px}h3{font-size:24px}h4{font-size:18px}p{line-height:1.5;color:var(--ui-text-secondary)}a{color:#b58863;-webkit-transition:color 150ms ease;transition:color 150ms ease}a:hover{color:rgb(138.0260869565,98.2108695652,65.4739130435)}::selection{background-color:rgba(181,136,99,.2);color:inherit}:focus{outline:2px solid #769656;outline-offset:2px}:focus:not(:focus-visible){outline:none}:focus-visible{outline:2px solid #769656;outline-offset:2px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.container{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px}.page-wrapper{min-height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background-color:var(--ui-bg-primary)}.loading{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-height:200px}.loading-spinner{width:40px;height:40px;border:3px solid var(--ui-border);border-top-color:#b58863;border-radius:50%;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}.game-layout{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:16px;min-height:100vh}@media screen and (min-width: 768px){.game-layout{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:32px}}.game-main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;max-width:560px}.game-sidebar{width:100%;max-width:320px;margin-top:24px}@media screen and (min-width: 768px){.game-sidebar{margin-top:0;margin-left:32px}}.card{background-color:#fff;border-radius:12px;-webkit-box-shadow:0 4px 6px rgba(0,0,0,.1);box-shadow:0 4px 6px rgba(0,0,0,.1);padding:16px}.divider{width:100%;height:1px;background-color:var(--ui-border);margin-top:16px;margin-bottom:16px}.badge{display:inline-block;padding:4px 8px;font-size:11px;font-weight:500;border-radius:9999px;background-color:rgba(181,136,99,.1);color:#b58863}.badge--success{background-color:rgba(76,175,80,.1);color:#4caf50}.badge--warning{background-color:rgba(255,152,0,.1);color:#ff9800}.badge--error{background-color:rgba(244,67,54,.1);color:#f44336}[dir=rtl] .backButton svg,[dir=rtl] .playButton svg:last-child{transform:scaleX(-1)}[dir=rtl] .chevron:not(.open){transform:scaleX(-1)}@media screen and (min-width: 768px){[dir=rtl] .game-sidebar{margin-left:0;margin-right:32px}}[dir=rtl] .moveRow{direction:ltr}[dir=rtl] .thinkingIndicator,[dir=rtl] .turnIndicator{margin-left:0;margin-right:auto}
