:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{position:absolute;top:0;right:0;bottom:0;left:0}#app .hidden{display:none}.A1,.C1,.E1,.G1,.B2,.D2,.F2,.H2,.A3,.C3,.E3,.G3,.B4,.D4,.F4,.H4,.A5,.C5,.E5,.G5,.B6,.D6,.F6,.H6,.A7,.C7,.E7,.G7,.B8,.D8,.F8,.H8{background-image:url(/play/ucui.svg);background-size:contain}.help{font-size:small;font-style:italic}.to-button{position:absolute;top:45%;font-size:medium;font-weight:700;padding:.5em;margin:.5em;border:2px solid;border-radius:6px;color:#888}.clock{position:absolute;top:0;display:flex;width:100%;justify-content:center;border-bottom:5px solid white;font-size:12pt;line-height:24pt}.clock .time{width:50%;text-align:center;color:#888;background-color:#fff}.clock .time.active{color:#000;font-weight:700}.clock .time.active.white{border-left:.5em solid black}.clock .time.active.black{border-right:.5em solid black}.clock .time.active.flag{background-color:#000;color:#fff}.engine{position:absolute;top:0;bottom:0;width:100%;text-align:center;font-size:64pt;padding-top:30%;background-color:#000;color:#fff}.engine .to-list{right:0}.engine .info{font-size:small;position:absolute;top:calc(24pt + 1em);width:100%}.engine .score{position:absolute;font-size:small;bottom:128pt;width:100%;text-align:center;font-weight:700}.engine .score .score-cp,.engine .score .score-none{position:absolute;width:3em;height:3em;text-align:center;background-color:#000;color:#fff;color:gray;border:1px solid;border-radius:1.5em;line-height:3em;left:calc(50% - 1.5em)}.engine .idle{font-size:x-large}.engine .compute{width:96px;height:24px;display:inline-block;background-color:#fff;border:1px solid #fff;border-radius:4px;background:linear-gradient(45deg,transparent 49%,#fff 50%,#fff 50%,transparent 51%,transparent),linear-gradient(-45deg,transparent 49%,#fff 50%,#fff 50%,transparent 51%,transparent);font-size:15px;background-size:1em 1em;box-sizing:border-box;animation:barStripe .6s linear infinite}@keyframes barStripe{0%{background-position:1em 0}to{background-position:0 0}}.input{position:absolute;bottom:0;width:100%;text-align:center;background-color:#fff}.input .pieces{width:100%;bottom:0;line-height:64pt;display:flex;justify-content:space-evenly}.input .pieces .piece{font-size:32pt;color:#888}.input .pieces .piece.selected{color:#000}.input .moves{width:100%;bottom:64pt;display:flex;flex-wrap:wrap;align-content:flex-end;justify-content:center;padding-top:2em}.input .moves .select{display:flex;flex-wrap:wrap;width:100%;justify-content:flex-start;margin-bottom:1em;margin-left:1em;margin-top:-1em}.input .moves .select .move{color:#fff;font-size:14pt;font-weight:700;margin:6pt;padding:5px .3em;min-width:32pt;border:2px solid black;background:#000;border-radius:5px}.input .moves .rank{display:flex;justify-content:center;height:10vw;width:100%}.input .moves .rank .ord{height:10vw;line-height:10vw;width:10vw;background-color:#fff;color:#888}.input .moves .rank .ord.selected{color:#000;font-weight:700}.input .moves .rank .square{height:10vw;width:10vw}.input .moves .rank .square.dim{filter:opacity(50%)}.input .moves .rank .square.target .label{background-color:#fff;font-weight:700;line-height:10vw}.input .moves .rank .square.target.selected-file,.input .moves .rank .square.target.selected-rank{color:#888}.input .moves .rank .square.target.selected{color:#fff}.input .moves .rank .square.target.selected .label{background-color:#000}.home{margin:2em;text-align:center}.home .intro .ucui{font-weight:700}.home .button{font-weight:700;text-decoration:underline;margin-top:1em}.home .button-play{font-size:xxx-large;margin-top:2em}.home .button-config{font-size:large}.home .button-history{font-size:medium}.home .footer{left:0;position:absolute;width:100%;bottom:1em}.home .footer .link{color:#12488b}.config{margin:2em;text-align:center;display:flex;flex-direction:column;height:calc(100% - 4em);justify-content:space-between}.config .engine-color{display:flex;justify-content:space-around;align-items:center}.config .engine-color div{margin:0 1em}.config .engine-color .color{font-weight:700;border:2px solid black;padding:4px 8px;border-radius:3px}.config .engine-color .color.black{color:#fff;border:2px solid white;background-color:#000}.config .times{display:flex}.config .times .time{margin:1em auto;display:flex;flex-direction:column}.config .position{border-top:1px solid;padding-top:1em;bottom:0;left:2em;right:2em;background-color:#fff}.config .position .input-fen{width:96%}.config .position .ok-button{margin-top:1em;font-size:large;font-weight:700;text-decoration:underline}.config .button-play{font-size:xxx-large;font-weight:700;text-decoration:underline;text-align:center;padding-top:0;border-bottom:1px solid;padding-bottom:.5em;border-top:1px solid}.config .eco{padding-top:.5em;flex-grow:3;overflow-y:auto}.config .eco .lookup{padding-bottom:.5em;display:flex;justify-content:space-evenly;align-content:center;flex-wrap:wrap;align-items:center;padding-top:.5em}.config .eco .lookup input.i{line-height:22px;text-align:left}.config .eco .lookup .go-button{font-weight:700;text-decoration:underline;line-height:22px}.config .eco .listing{text-align:left}.config .eco .listing .item{justify-content:space-between;font-size:small;padding:3px 0;border-bottom:1px solid gray}.config .eco .listing .item .names{display:flex;justify-content:flex-start}.config .eco .listing .item .names .name{font-style:italic}.config .eco .listing .item .names .code{font-weight:700;padding-right:1em}.config .eco .listing .item .actions{display:flex;justify-content:space-between;align-items:flex-end;padding-top:.5em}.config .eco .listing .item .actions .moves{margin-right:1em;font-size:smaller;font-family:Courier New,Courier,monospace}.config .eco .listing .item .actions .play{margin-left:3px}.movelist{display:flex;flex-direction:column;justify-content:space-between;height:calc(100% - 4em);margin:2em}.movelist .to-game{left:0}.movelist .listing{flex-grow:10;overflow-y:auto;font-family:Courier New,Courier,monospace}.movelist .listing .ply{font-size:large}.movelist .listing .ply .ord{color:#888;display:inline-block;width:1.5em}.movelist .listing .ply .ord .replay{color:#000}.movelist .listing .ply .moves .move{display:inline-block;width:4em}.movelist .listing .ply .moves .pending{width:1em;height:1em;display:inline-block;background-color:#000;border:1px solid black;border-radius:4px;background:linear-gradient(45deg,transparent 49%,black 50%,black 50%,transparent 51%,transparent),linear-gradient(-45deg,transparent 49%,black 50%,black 50%,transparent 51%,transparent);font-size:15px;background-size:1em 1em;box-sizing:border-box;animation:barStripe .6s linear infinite}.movelist .listing .outcome{font-style:italic;font-weight:700;margin-top:1em}.movelist .actions{display:flex;margin-top:1em;justify-content:space-around;width:100%}.movelist .actions .button{text-align:center;text-decoration:underline;font-weight:700}.movelist .actions .button.disabled{color:#888;text-decoration:none}.history{margin:2em}.history .listing{text-align:left}.history .listing .item{justify-content:space-between;font-size:small;padding:3px 0;border-bottom:1px solid gray}.history .listing .item .names{display:flex;justify-content:flex-start}.history .listing .item .names .name{font-style:italic}.history .listing .item .names .code{font-weight:700;padding-right:1em}.history .listing .item .moves{margin-right:1em;font-size:smaller;font-family:Courier New,Courier,monospace;padding-top:.5em}.history .listing .item .actions{display:flex;justify-content:space-between;align-items:flex-end;padding-top:.5em}.history .listing .item .actions .play{width:2em;line-height:2em;text-align:center}.history .listing .item .actions .delete{color:red}.history .pgn-play{border-top:1px solid;padding:1em 0;margin-top:1em}.history .pgn-play .help{margin-bottom:1em}.history .pgn-play .ply{display:flex;flex-wrap:nowrap;flex-direction:row;justify-content:flex-start;font-size:larger;font-family:Courier New,Courier,monospace;margin-left:1em}.history .pgn-play .ply .ord{width:2em;color:#888}.history .pgn-play .ply .m0,.history .pgn-play .ply .m1{width:3em}.history .pgn-play .fen-play .updatable-board{-webkit-user-select:none;user-select:none}.history .pgn-play .fen-play .updatable-board .board{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:center;margin:1em}.history .pgn-play .fen-play .updatable-board .board .rank{display:flex;width:256px}.history .pgn-play .fen-play .updatable-board .board .rank .square{width:32px;height:32px;line-height:32px;text-align:center;font-size:22.4px;background:none}.history .pgn-play .fen-play .updatable-board .nav-game{display:flex;justify-content:center}.history .pgn-play .fen-play .updatable-board .nav-game .prev-button,.history .pgn-play .fen-play .updatable-board .nav-game .next-button{margin:0 2em;font-size:larger}.history .pgn-play .fen-play .updatable-board .nav-game .prev-button.disabled,.history .pgn-play .fen-play .updatable-board .nav-game .next-button.disabled{color:#888}.history .pgn-play .fen-play .updatable-board .play-button{font-weight:700;text-decoration:underline}.history .pgn-play .fen-play .updatable-board .cancel-button{text-decoration:underline}.lock{width:100%;height:.5em;position:absolute;bottom:0;background-color:#12488b}.lock.locked{background-color:#888}.header{display:flex;justify-content:space-between;align-items:flex-start}.header .title{margin-top:0}.header .to-button{position:initial;margin:0;padding:.2em}