.game-scrub{display:none}@media (max-width: 640px){.card.board-card{padding:0 0 .6rem;border:0;border-radius:0;background:none;box-shadow:none}.games-page .view>.board-column{width:100vw;max-width:none;margin-left:calc(50% - 50vw);padding:0 .9rem;border-radius:0;box-sizing:border-box}#game-board{width:100vw;margin-left:calc(50% - 50vw)}#game-board .board{border-radius:0;box-shadow:none}.game-scrub{display:block;width:100%;height:2.2rem;margin:.3rem 0 0;accent-color:var(--terracotta)}.games-page .card.board-card{padding-bottom:.15rem}.games-page .board-controls{margin-top:0}.games-page .board-extras{display:none}.moves-text{display:grid;grid-template-columns:2.6rem minmax(0,1fr) minmax(0,1fr);align-items:center;padding-bottom:50svh;line-height:1.4}.moves-text>.nr{grid-column:1;margin:0}.moves-text>.half-move{grid-column:2;min-height:3rem;text-align:left}.moves-text>.half-move.black{grid-column:3}.moves-text>.variation,.moves-text>.end-of-book,.moves-text>.final{grid-column:1 / -1}.moves-text>.variation{margin:.2rem 0 .4rem;line-height:2}.moves-text>.final{margin:.5rem 0 0}.games-page .view>.board-column{top:var(--board-top, var(--nav-height, 0px))}.tree-board{padding:.4rem 0 .6rem;border:0;border-radius:0;background:none;box-shadow:none}#tree-board{width:100vw;margin-left:calc(50% - 50vw);touch-action:pan-y}#tree-board .board{border-radius:0;box-shadow:none}.thumbs{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:.4rem;width:auto;margin:0;padding:.5rem max(.6rem,env(safe-area-inset-left,0px)) calc(.5rem + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);background:color-mix(in srgb,var(--popup, #fff) 92%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.thumbs button{flex:1 1 0;min-width:0;max-width:4.4rem;height:3rem;border-radius:14px}.thumbs button svg{width:1.35rem;height:1.35rem}body.has-thumbs{padding-bottom:calc(4.2rem + env(safe-area-inset-bottom,0px))}.training.single .training-controls.thumbs{flex-wrap:nowrap;justify-content:center;gap:.4rem}.training-controls.thumbs .training-board-group{display:none}.training-controls.thumbs .training-views{margin-left:.4rem}.training-controls.thumbs .training-next{flex:2 1 0;max-width:11rem;height:3rem}.board-input .board .target{r:.24px}.board-input .board .target-capture{stroke-width:.12px}.board-input:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;box-shadow:inset 0 0 0 0 transparent;transition:box-shadow .25s}.board-input.right:after{box-shadow:inset 0 0 0 4px #40a05ad9}.board-input.wrong:after{box-shadow:inset 0 0 0 4px #c83c32d9}.board-input.wrong{animation:touch-board-shake .36s cubic-bezier(.36,.07,.19,.97)}}@keyframes touch-board-shake{20%,60%{transform:translate(-7px)}40%,80%{transform:translate(7px)}}@media (prefers-reduced-motion: reduce){.board-input.wrong{animation:none}}