:root{--color-darkish-bg: #444444;--color-dark-bg: #343434;--color-darker-bg: #242424;--color-darkest-bg: #141414;--color-button-bg: #4CA58C;--color-button-bg-hover: #3C836F;--color-highlight: #3C836F;--color-accent: #27C2A3;--color-text: #BABABA;--max-board-height: calc(100vh - 115px) ;--eval-bar-width: 10px;--move-tree-width: 20px}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;background-color:var(--color-darkest-bg);margin:0;overflow-x:hidden}html,body,textarea{font-family:Segoe UI Symbol,Noto Sans,Arial Unicode MS,sans-serif;line-height:16px;font-size:12px;color:var(--color-text)}h3{margin-bottom:10px}.hidden{display:none!important}.container{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;margin:5px auto;max-width:calc(80vh + 800px);height:90vh;height:90dvh;padding:0 10px}.left{width:calc(min(var(--max-board-height),45vw) + var(--eval-bar-width))}.middle{display:flex;flex-direction:column;row-gap:10px;max-height:95vh;max-height:95dvh}.right{display:flex;flex-direction:column;row-gap:10px;overflow-x:hidden}.panel{display:flex;flex-direction:column;background-color:var(--color-darker-bg);border-radius:5px;max-height:95vh;max-height:95dvh}.panel .header{display:flex;column-gap:5px;align-items:center;background-color:var(--color-dark-bg);min-height:26px;padding:5px 10px;border-top-left-radius:5px;border-top-right-radius:5px;user-select:none;-webkit-user-select:none;-ms-user-select:none}.panel .header,#variation{flex:0 0 auto}.panel-header-button{display:flex;align-items:center}.panel-header-button svg{width:18px;height:18px}.panel .content{padding:10px;flex:1 1 auto;min-height:0}.board-and-bar{display:flex;flex-direction:row;height:calc(min(var(--max-board-height),45vw) + -0px);overflow:hidden}.board-info-bar{display:flex;align-items:center;height:30px;padding:0 5px;user-select:none;-webkit-user-select:none;-ms-user-select:none}.color-square{width:12px;height:12px;margin:4px 8px 4px 4px;background-color:#fff;border-radius:1px;border:.5px solid gray}.moves-container,#variation{display:flex;flex-wrap:wrap;gap:4px 0;align-content:flex-start;min-width:80px;overflow-y:auto;user-select:none;-webkit-user-select:none;-ms-user-select:none}.moves-container{max-height:100%;overflow-y:auto;min-height:0;flex:1 1 auto}.tree-child{font-size:18px;line-height:1.2;width:var(--move-tree-width);height:100%;position:relative;background-image:url(/images/tree-start.png);background-repeat:no-repeat;background-position:top right;background-size:30%}.tree-child-end{font-size:18px;line-height:1.2;width:var(--move-tree-width);height:100%;position:relative;background-image:url(/images/tree-end.png);background-repeat:no-repeat;background-position:top right;background-size:30%}.tree-line{display:grid;grid-template-columns:var(--move-tree-width) 1fr;align-items:start;gap:5px;width:100%}.move-text{display:flex;flex-wrap:wrap;flex:1 0 100%}#variation{background-color:var(--color-dark-bg);padding:5px 10px}.board-eval-and-info{background-color:var(--color-darker-bg);border-radius:5px}#board1{width:100%}.board-container-41a68{border-width:0}.board-wrap{position:relative;width:calc(100% - var(--eval-bar-width))}.button-row{display:flex;flex-wrap:wrap;gap:5px;padding:0 5px 0 0}.button-row.train-mode{background-color:#492a1d}.button-row button{background-color:var(--color-dark-bg);padding:8px 15px!important;font-size:12px}.icon-button{display:flex;justify-content:center;align-items:center;width:40px;height:40px;border-radius:5px;color:var(--color-text)}.icon-button.off{color:var(--color-darkish-bg)}.icon-button:active{background-color:var(--color-dark-bg)}.icon-button svg{width:20px;height:20px}#stop-train{color:#a82a1d}@media (hover: hover){.button-row button:hover{background-color:var(--color-darker-bg)}}.eval-bar-container{width:var(--eval-bar-width);position:relative;background-color:#444}.white-bar{position:absolute;width:100%;transition:height .5s ease;background-color:#eee;height:50%;bottom:0}.toptest,.move-text{display:flex;flex-wrap:wrap;gap:0 5px}.comment{padding-left:5px}.move-wrap.main-line .move{font-weight:500}.move-wrap.variation,.line.variation{font-style:italic;font-weight:300}.move-wrap:hover{background-color:var(--color-dark-bg)}.square-4b72b.white-3b784.highlight{background-color:#87986a}.square-4b72b.black-b7cb6.highlight{background-color:#6a6f42}.square-wrapper.last-move{background-color:#99bb0160}.square-wrapper.wrong{background-color:#ca1805c9}.piece-349f8{z-index:2}.dragging-4a6c1{z-index:4;visibility:hidden}.arrow-bc3c7,.circle-a0266{z-index:3}#fen{font-size:12px}b,#moves b{color:#eee;font-weight:500}#moves b{padding:0 2px}.move-wrap.last-move{background-color:#27547d!important}.variation-parent{background-color:#206b56}.table-wrap .content{width:100%;overflow-x:auto}table#stats{width:100%;line-height:14px;border-collapse:collapse}th,td{font-size:12px;padding:0 8px 0 0}table#stats th,table#stats td{text-align:right}th.left-align,td.left-align{text-align:left!important;white-space:nowrap}th{color:#eee;font-weight:500}.mistake{color:#ffa459!important}.blunder{color:#fb412d!important}.dubious{color:#f7c631!important}.sharp{color:#53b2ea!important}.brilliant{color:#007aff!important}.speculative{color:#ea46d8!important}.best{color:#4ca58c!important}.good,.forced{color:#80b64b!important}tr.best{color:#4ca58c!important}.ok{color:#c8c84d!important}.none{color:#eee!important}.depth{font-size:7px}.toggles-bar{display:flex;column-gap:15px}.toggle-wrap{display:flex;align-items:center;column-gap:5px}.toggle-switch{position:relative;display:inline-block;width:35px;height:16px;min-width:35px;min-height:16px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#888;border-radius:34px;transition:background-color .4s;min-width:35px;min-height:16px;display:flex;align-items:center;justify-content:flex-start}.toggle-switch .slider:before{content:"";position:absolute;height:12px;width:12px;left:4px;bottom:2px;background-color:#fff;border-radius:50%;transition:transform .4s}.toggle-switch input:checked+.slider{background-color:var(--color-button-bg)}.toggle-switch input:checked+.slider:before{transform:translate(14px)}.signin-button-wrap{display:flex;justify-content:center}.container2{max-width:800px;margin:auto;background:#1e1c1a;padding:20px;border-radius:8px;box-shadow:0 0 10px #ffffff1a}.hero{text-align:center;margin-bottom:20px}.hero h1{font-size:28px;color:#fff}.hero p{font-size:16px;color:#bbb}.hero img{width:100%;border-radius:8px;box-shadow:0 0 8px #ffffff1a}.about{margin-top:20px;text-align:center}.about h2{font-size:22px;color:#fff}.about p{font-size:16px;color:#bbb;margin-bottom:0}.about strong{color:#fff}.features{display:flex;justify-content:center}.features ul{text-align:left;list-style-type:disc;padding-left:20px;margin-bottom:20px}.profile-image-wrap{position:relative;width:35px;height:35px;margin-right:8px}.profile-img{border-radius:50%;width:100%;object-fit:cover}.dropdown-menu{position:absolute;z-index:10;top:30px;right:10px;background:var(--color-dark-bg);color:var(--color-text);border:1px solid #444;border-radius:5px;padding:10px;width:200px;display:none;box-shadow:0 4px 6px #0000001a}.dropdown-menu p{margin:5px 0;font-size:14px}.dropdown-menu button{width:100%}.menubar{display:flex;height:33px;align-items:center}#user-info{display:flex;flex-direction:column;gap:10px;margin:40px 50px}th[data-sortable=true],.move-wrap{cursor:pointer}.hamburger{position:relative;display:flex;cursor:pointer;flex-direction:column;justify-content:space-around;width:28px;height:28px;padding:5px}.hamburger div{width:100%;height:3px;background-color:#ddd;border-radius:5px}#menu{flex-direction:column;overflow:hidden}.menu a{padding:10px 20px;text-decoration:none;color:#333;border-bottom:1px solid #ddd}.menu a:hover{background-color:#f0f0f0}.spacer{flex:1}.dialog-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;justify-content:center;align-items:center;z-index:1000}.dialog{background-color:var(--color-dark-bg);padding:20px;border-radius:5px;box-shadow:0 4px 8px #0000001a;width:calc(90% - 40px);max-width:600px;color:#eee;border:1px solid #444}.edit-move-dialog{display:flex;flex-direction:column;gap:10px}.dialog textarea{width:100%;height:150px;margin-bottom:10px;background-color:#1e1c1a;color:#eee;border:1px solid #555;padding:5px}.dialog-buttons{display:flex;justify-content:flex-end;gap:10px}.promotion-piece-wrap{display:grid;grid-template-columns:repeat(4,1fr);width:100%;max-width:400px;margin:30px auto}.promotion-piece-wrap img{width:100%;cursor:pointer}button{padding:8px 16px;background-color:var(--color-button-bg);color:#fff;border:none;border-radius:4px;cursor:pointer;outline:none;transition:background-color .15s,box-shadow .15s}@media (hover: hover){button:hover{background-color:var(--color-button-bg-hover)}}button:focus-visible{outline:2px solid #fff;outline-offset:2px;box-shadow:0 0 0 2px var(--color-button-bg-hover)}.games-list{max-height:400px;display:flex;flex-direction:column;overflow-y:auto;margin-bottom:20px;border:1px solid #444;padding:10px;background-color:var(--color-darker-bg)}.game-row{display:flex;align-items:center;border-bottom:1px solid #444;cursor:pointer;gap:5px}input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background-color:#222;border:1px solid #555;border-radius:2px;cursor:pointer;position:relative;flex:0 0 auto}input[type=checkbox]:checked:before{content:"";position:absolute;top:2px;left:5px;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}input[type=checkbox]:focus-visible{outline:2px solid #0072ce;outline-offset:2px}.game-name:hover{background-color:#444}.game-name{flex:1 0 auto;display:inline;padding:10px 5px}.name-row{display:flex;column-gap:3px;align-items:center}#name{min-width:200px;min-height:14px}input[type=text]{display:inline-block;padding:2px;border-radius:2px;outline:none}select{background-color:#1e1c1a;color:#eee;border:1px solid #555;padding:6px 10px;border-radius:4px;font-size:12px;outline:none}.settings-grid{display:grid;grid-template-columns:auto 1fr auto;align-items:center;justify-items:left;gap:30px 10px;max-width:400px;margin:30px auto}.settings-grid input[type=range]{width:100%;max-width:50vw}#engine-select{max-width:50vw}.nag-icon{z-index:10}.square-wrapper .nag-icon{position:absolute;top:-5%;right:-5%;pointer-events:none;z-index:10;width:45%;height:45%}#gameMoveStats,#gameMoveHeader{display:grid;grid-template-columns:1fr 50px 1fr;align-items:center;justify-items:center;gap:10px;margin-bottom:30px}#gameMoveHeader{margin:30px 0 10px;gap:2px 10px}#gameMoveHeader .color{text-align:center;font-weight:700}#gameMoveHeader .name{text-align:center;font-style:italic}.nag-wrap{position:relative;width:20px;height:20px}.system-menu{display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100vh;height:100dvh;width:180px;background-color:var(--color-dark-bg);border-right:1px solid #444;border-radius:0;box-shadow:4px 0 8px #0000001a;color:var(--color-text);transform:translate(-100%);transition:transform .2s ease;z-index:1000;overflow:auto}.system-menu-scroll{overflow-y:auto;flex:1;display:flex;flex-direction:column}.system-menu .info{padding:8px 12px;background-color:var(--color-dark-bg);border-top:1px solid #444}.system-menu-header{display:flex;align-items:center;padding:10px 12px 8px;margin-bottom:5px;font-size:14px;font-weight:700;color:var(--color-text);background-color:var(--color-darkish-bg)}.system-menu-header img{width:20px;margin-right:8px}.system-menu.show{transform:translate(0)}#system-menu-dialog-overlay.show{display:flex}.menu-style{background-color:var(--color-dark-bg);border:1px solid #444;border-radius:5px;padding:5px 0;box-shadow:0 4px 8px #0000001a;color:var(--color-text)}.menu-style ul,.system-menu ul{list-style:none;padding:0;margin:0}.menu-style li,.system-menu li{padding:8px 12px;cursor:pointer}.menu-style li:hover,.system-menu li:hover{background-color:var(--color-darker-bg)}.menu-style .context-menu-move{padding:8px 12px;background-color:var(--color-darkish-bg);font-size:14px;color:#fff;margin-bottom:5px}#moves-menu,#move-list-menu{position:absolute;z-index:1001;display:none;min-width:120px}#moves-menu{padding-top:0}#edit-move-nag-list{align-self:flex-start}#edit-move-nag-list>.nag-row{display:grid;grid-template-columns:25px auto;align-items:center;padding:5px;border-radius:3px}#edit-move-nag-list>.nag-row:hover{background-color:var(--color-darker-bg);cursor:pointer}#edit-move-nag-list>.nag-row.selected{background-color:var(--color-highlight)}.move-being-edited{font-size:16px;margin:5px 0 20px}#edit-tags-list{display:grid;grid-template-columns:max-content auto;column-gap:10px;row-gap:5px;margin:40px auto;max-width:90%;max-height:70dvh;align-items:center;overflow-y:auto;padding:15px;border:1px solid #555;background-color:var(--color-darker-bg)}input[type=text]{width:100%;padding:5px;border:1px solid #555;border-radius:4px;background-color:#1e1c1a;color:#eee}#refresh-app-button{font-size:10px;padding:4px 8px}@media all and (max-width: 900px) and (orientation: portrait){.container{grid-template-columns:1fr;grid-template-rows:auto auto auto;grid-template-areas:"left" "middle" "right";gap:0px;height:auto;padding:0;margin-top:0}.left{width:100%;height:auto;grid-area:left}.middle{row-gap:0px;grid-area:middle}.right{row-gap:0px;grid-area:right}.panel{box-shadow:none;padding:0}.panel .header{padding:5px}.panel-header-button{margin-right:5px}.panel .content,#variation{padding:5px}.board-and-bar{height:auto}.moves-container{height:auto;max-height:150px}#variation{min-height:0}.dialog{width:100%}}