.board-app{margin-top:1.6rem}.board-tabs{display:flex;gap:.4rem;margin-bottom:1rem;border-bottom:1px solid var(--line)}.board-tabs button,.board-tabs a{font:inherit;font-weight:600;background:none;border:0;border-bottom:3px solid transparent;padding:.55rem .9rem;color:var(--muted);cursor:pointer;text-decoration:none}.board-tabs button:hover,.board-tabs a:hover{color:var(--text)}.board-tabs button[aria-selected=true],.board-tabs [aria-current=page]{color:var(--text);border-bottom-color:var(--gold)}.own-tabs{margin-top:1.2rem}.board-mode{max-width:1100px}.board-mode.analysis-body{grid-template-columns:minmax(0,1.2fr) minmax(15rem,1fr);gap:.8rem 1.3rem}.board-mode .analysis-stay{display:contents}.board-mode .analysis-stay>.analysis-board{grid-column:1;grid-row:1 / span 2}.board-mode .analysis-stay>.analysis-buttons{grid-column:2;grid-row:1}.board-mode.analysis-body>.analysis-side{grid-column:2;grid-row:2}.board-mode .analysis-board{max-width:620px}.board-mode .analysis-moves{max-height:14rem}.board-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.board-pgn{padding:.8rem 1rem;display:grid;gap:.6rem}.board-pgn h2{font-size:1rem;margin:0}.board-pgn label{font-size:.85rem;color:var(--muted)}.icon-tip{display:inline-flex}.icon-tip .tip{left:50%;transform:translate(-50%,.3rem);text-align:left}.icon-tip:hover .tip,.icon-tip:focus-within .tip{transform:translate(-50%)}.icon-tip .tip:after{left:50%}.icon-tip:last-child .tip,.pgn-row .icon-tip~.icon-tip~.icon-tip .tip{left:auto;right:0;transform:translateY(.3rem)}.icon-tip:last-child:hover .tip,.icon-tip:last-child:focus-within .tip,.pgn-row .icon-tip~.icon-tip~.icon-tip:hover .tip,.pgn-row .icon-tip~.icon-tip~.icon-tip:focus-within .tip{transform:none}.icon-tip:last-child .tip:after,.pgn-row .icon-tip~.icon-tip~.icon-tip .tip:after{left:auto;right:1.1rem}.pgn-row .icon-tip{flex:1 1 0}.pgn-row .icon-tip .button{width:100%}.pgn-row .pgn-icon{padding:.6rem;display:grid;place-items:center}.pgn-row .pgn-icon svg{width:20px;height:20px}.board-pgn textarea{width:100%;font-family:var(--mono);font-size:.85rem;padding:.6rem .7rem;border:1px solid var(--line-strong);border-radius:10px;background:var(--card);color:var(--text);resize:vertical;box-sizing:border-box}.board-status{margin:0;min-height:1.2em;font-size:.88rem;color:var(--muted)}.board-row{flex-wrap:nowrap}.board-row .button{flex:1 1 0;padding:.7rem .6rem;font-size:.92rem;white-space:nowrap;text-align:center}.board-setup{display:grid;gap:1rem}.board-editor{display:grid;grid-template-columns:minmax(0,620px) minmax(15rem,1fr);gap:1.3rem;align-items:start}.editor-board svg{display:block;width:100%;height:auto;border-radius:10px;cursor:pointer}.editor-tools{display:grid;gap:1rem}.editor-palette{display:grid;gap:.35rem;justify-items:start}.editor-row{display:flex;gap:.35rem}.editor-piece{width:2.8rem;height:2.8rem;display:grid;place-items:center;padding:.2rem;border:1px solid var(--line);border-radius:10px;background:var(--card-2);cursor:pointer;font-size:1.4rem;color:var(--muted)}.editor-piece img{width:100%;height:100%}.editor-piece[aria-pressed=true]{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold);background:var(--card)}.editor-actions{display:flex;flex-wrap:wrap;gap:.5rem}.editor-side{display:flex;flex-wrap:wrap;gap:1rem}.editor-side label,.editor-castling label{display:inline-flex;align-items:center;gap:.35rem}.editor-castling{border:1px solid var(--line);border-radius:10px;padding:.6rem .8rem;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:.35rem 1rem}.editor-castling legend{font-weight:600;padding:0 .3rem}.editor-castling input:disabled+*,.editor-castling label:has(input:disabled){color:var(--faint)}.editor-problems{margin:0;padding-left:1.2rem;color:var(--text);font-size:.9rem}.editor-problems li::marker{color:var(--gold)}.editor-problems:empty{display:none}.board-fen{display:grid;gap:.3rem;font-weight:600}.board-fen input{font-weight:400;font-family:var(--mono);font-size:.82rem;padding:.45rem .6rem;border:1px solid var(--line-strong);border-radius:8px;background:var(--card);color:var(--text);min-width:0}.board-fen input[aria-invalid=true]{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}@media (max-width: 1000px){.board-editor{grid-template-columns:minmax(0,1fr)}}@media (max-width: 760px){.board-app{margin-top:1rem}.board-tabs{gap:.2rem}.board-tabs button,.board-tabs a{flex:1 1 auto;padding:.45rem .4rem;font-size:.9rem;line-height:1.25;text-align:center}.board-mode.analysis-body{grid-template-columns:minmax(0,1fr)}.board-mode .analysis-stay{display:grid;gap:.5rem;position:sticky;top:calc(env(safe-area-inset-top,0px) + var(--nav-height, 4rem));z-index:4;margin:0 calc(50% - 50vw);padding:0 0 .5rem;background:var(--ground)}.board-mode .analysis-stay>.analysis-board,.board-mode .analysis-stay>.analysis-buttons,.board-mode.analysis-body>.analysis-side{grid-column:1;grid-row:auto}.board-mode .analysis-stay>.analysis-board{max-width:none;width:min(100%,calc(100svh - var(--nav-height, 4rem) - 10rem));margin:0 auto}.board-mode .analysis-board svg{border-radius:0}.board-mode .analysis-buttons{flex-wrap:nowrap;justify-content:space-between;gap:.3rem;padding:0 16px}.board-mode .analysis-buttons .icon-tip{flex:1 1 0}.board-mode .analysis-buttons .icon-button{width:100%;height:2.6rem;border-radius:12px}.board-mode .analysis-buttons .tip{display:none}.board-mode .analysis-moves{max-height:8rem}.board-row{flex-wrap:wrap}.board-row .button{flex:1 1 8rem}}.board-mode .game-scrub,.board-mode .icon-tip:has(>.engine-phone){display:none}.analysis-phone-tools:empty{display:none}@media (max-width: 760px) and (orientation: portrait){.board-mode .game-scrub{display:block;box-sizing:border-box;width:calc(100% - 32px);height:2.2rem;margin:0 16px;accent-color:var(--lapis)}.board-mode .icon-tip:has(>.engine-phone){display:inline-flex}.board-mode .engine-phone[aria-pressed=true]{color:var(--lapis);border-color:var(--lapis)}.board-mode .analysis-stay{gap:.3rem}.board-mode .analysis-buttons.thumbs{position:fixed;left:0;right:0;bottom:0;z-index:30;justify-content:center;gap:.4rem;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(--card) 92%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.board-mode .analysis-buttons .icon-tip{max-width:4.4rem}.board-mode .analysis-buttons .icon-button{height:3rem;border-radius:14px}.board-mode .analysis-buttons .icon-button svg{width:1.35rem;height:1.35rem}body.has-thumbs{padding-bottom:calc(4.2rem + env(safe-area-inset-bottom,0px))}.analysis-phone-tools{display:flex;justify-content:flex-end}.analysis-phone-tools .icon-button{display:inline-flex;align-items:center;width:auto;height:2.4rem;padding:0 .8rem;border-radius:12px;border:1px solid var(--line);background:var(--card)}.analysis-phone-tools .icon-button:after{content:attr(aria-label);margin-left:.4rem;font-size:.85rem}.analysis-phone-tools .tip{display:none}.engine-phone-slot{padding:0 16px}.engine-phone-slot .engine-panel{padding:.1rem 0 .2rem;border:0;border-radius:0;background:none;box-shadow:none;font-size:.8rem;line-height:1.3}.engine-phone-slot .engine-panel:has(.engine-output[hidden]){display:none}.engine-phone-slot .engine-head{display:none}.engine-phone-slot .engine-output{display:flex;align-items:center;gap:.45rem;min-width:0;margin:0}.engine-phone-slot .engine-score{display:flex;flex:none;align-items:center;gap:.4rem;margin:0}.engine-phone-slot .engine-value{min-width:0;font-size:.85rem;white-space:nowrap}.engine-phone-slot .engine-bar{flex:none;width:2.4rem}.engine-phone-slot .engine-info{display:contents}.engine-phone-slot .engine-info span:first-child{flex:none;color:var(--muted);white-space:nowrap}.engine-phone-slot .engine-info span:last-child{display:none}.engine-phone-slot .engine-line{flex:1 1 0;order:1;min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem}}@media (orientation: landscape) and (pointer: coarse) and (max-height: 500px){.board-app{--side-board: calc(100svh - var(--nav-height, 4rem) - 1.5rem)}.board-mode.analysis-body{grid-template-columns:var(--side-board) minmax(0,1fr);gap:.6rem 1rem}.board-mode .analysis-stay{display:contents}.board-mode .analysis-stay>.analysis-board{grid-column:1;grid-row:1 / span 2;width:auto;margin:0;position:sticky;top:calc(env(safe-area-inset-top,0px) + var(--nav-height, 4rem) + .5rem)}.board-mode .analysis-board svg{border-radius:10px}.board-mode .analysis-stay>.analysis-buttons{grid-column:2;grid-row:1;padding:0}.board-mode.analysis-body>.analysis-side{grid-column:2;grid-row:2}.board-mode .analysis-moves{max-height:7rem}.board-editor{grid-template-columns:var(--side-board) minmax(0,1fr)}}