/* Same PGN hierarchy and move presentation as Ajedrez de Silicio, in Extract's palette. */
.silicio-pgn{display:block!important;overflow:auto;overscroll-behavior:contain;min-height:110px;line-height:1.65;padding:10px;background:#faf8ff;border:1px solid #ded4f0;border-radius:12px;--color-primary:#6946bf;--color-primary-dark:#8d66dc;--color-text-muted:#776b8a;--border-radius-sm:5px;--transition-fast:120ms}
.silicio-pgn .pgn-move-line{margin:4px 0;padding:2px 0}
.silicio-pgn .move-number{color:var(--color-text-muted);margin-right:5px;font-weight:400;user-select:none}
.silicio-pgn .move{color:var(--color-primary);cursor:pointer;padding:6px 7px;border-radius:5px;display:inline-block;margin:0 2px;font-size:18px;min-height:40px;font-weight:500;white-space:nowrap;user-select:none;-webkit-tap-highlight-color:transparent}
.silicio-pgn .move.mainline{font-weight:750}.silicio-pgn .move:hover{background:#e9dffa}.silicio-pgn .move.active{background:#6946bf;color:white;font-weight:750;box-shadow:0 2px 7px #6946bf44}
.silicio-pgn .variation{display:block;margin-top:6px;margin-bottom:6px;padding-left:8px;border-left:2px solid #b29bd4;color:#71528b;position:relative}
.silicio-pgn .variation::before{content:'⚡';position:absolute;left:-8px;top:2px;font-size:10px;color:#8765ba}.silicio-pgn .variation .variation{border-left-color:#c3b2df}.silicio-pgn .variation .pgn-move-line{margin-left:0!important}
.silicio-pgn .comment,.silicio-pgn .pre-comment,.silicio-pgn .pgn-initial-comment{display:block;color:#6b6175;font-size:12px;font-style:italic;line-height:1.45;overflow-wrap:anywhere;padding:6px}.silicio-pgn .nag-symbol{color:inherit}.silicio-pgn .game-result{font-weight:750;margin:0 8px}
#moves.silicio-pgn{max-height:280px;width:100%}
#variation-panel{padding:8px;margin:8px 0}#variation-panel summary{font-size:12px;min-height:36px;line-height:36px;cursor:pointer}#review-current{width:100%;font-size:12px;margin:8px 0}#next-doubt{font-size:12px}
#lib-view-moves.silicio-pgn{display:block;max-height:55dvh;overflow:auto}.lib-view-layout .replay-tools{justify-content:center}.lib-game-dialog .replay-tools{font-size:12px}
#paper{transform-origin:0 0}#paper-scroll{overscroll-behavior:contain;-webkit-tap-highlight-color:transparent}
@media(min-width:700px),(min-width:480px) and (orientation:landscape){.review-panel #results{grid-template-columns:minmax(180px,300px) minmax(180px,1fr)}.review-panel #results>label{grid-row:2}.review-panel #game-status{grid-row:3}.review-panel #board{grid-row:4/6}.review-panel .board-controls{grid-row:6}.review-panel .replay-tools{grid-column:1;grid-row:7}.review-panel #moves{grid-column:2;grid-row:2/5;max-height:360px}.review-panel #variation-panel{grid-column:2;grid-row:5}.review-panel #review-current{grid-column:2;grid-row:6}.review-panel #next-doubt{grid-column:2;grid-row:7}.review-panel #review-card{grid-column:1/-1;grid-row:8}.review-panel .export-card{grid-row:9}}
@media(max-height:500px) and (orientation:landscape){#lib-game-dialog #lib-view-moves.silicio-pgn{overflow:auto;max-height:none;flex:1 1 auto}.replay-tools{gap:4px;margin:4px 0}.replay-tools button{padding:4px 7px}.replay-tools label{font-size:11px}.review-panel #board{max-width:190px}.review-panel #moves{max-height:260px}}
/* Playback opens the same board + complete PGN workspace from extraction and the library. */
#play-current{width:100%;margin:8px 0}#lib-game-dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border:0;border-radius:0;margin:0;padding:10px 14px}
#lib-game-dialog .lib-dialog-heading{flex:none;padding-bottom:6px}#lib-game-dialog .lib-dialog-heading h2{font-size:17px}#lib-game-dialog .lib-dialog-heading button{min-height:40px}
#lib-game-dialog .lib-dialog-body{display:flex;flex-direction:column;padding:0;overflow:hidden}#lib-game-dialog #lib-view-meta{flex:none;max-height:32px;overflow:auto;margin:2px 0 6px}
#lib-game-dialog .lib-view-layout{display:flex;flex-direction:column;flex:1;min-height:0;gap:4px}#lib-game-dialog .lib-view-layout>div:first-child{display:block;flex:none}
#lib-game-dialog .library-board{width:min(36dvh,calc(100% - 32px));max-width:320px;margin:8px auto 24px}
#lib-game-dialog #lib-lines-panel{flex:1;display:flex;min-height:70px;overflow:hidden}#lib-game-dialog #lib-view-moves{height:100%;max-height:none;flex:1;padding:6px}
#lib-game-dialog .replay-tools{margin:2px 0 6px;justify-content:center;flex-wrap:nowrap}#lib-game-dialog .replay-tools select{width:62px;margin:0}#lib-game-dialog .replay-tools button{min-height:38px}.replay-tools label{white-space:nowrap}
#lib-game-dialog .lib-dialog-footer{flex:none;display:flex;flex-wrap:nowrap;overflow:auto;margin:6px 0 0;padding:6px 0 0;gap:5px}#lib-game-dialog .lib-dialog-footer button{flex:none;font-size:12px;padding:6px 12px;min-height:40px}
@media(min-width:700px),(orientation:landscape){#lib-game-dialog .lib-view-layout{display:grid;grid-template-columns:minmax(120px,40%) minmax(170px,1fr);grid-template-rows:minmax(0,1fr) 44px 44px;gap:5px 14px}#lib-game-dialog .lib-view-layout>div:first-child{display:contents}#lib-game-dialog .library-board{grid-column:1;grid-row:1/4;align-self:center}#lib-game-dialog #lib-lines-panel{grid-column:2;grid-row:1;min-height:30px}#lib-game-dialog #lib-board-controls{grid-column:2;grid-row:2;margin:0}#lib-game-dialog .replay-tools{grid-column:2;grid-row:3;margin:0;justify-content:start}#lib-game-dialog #lib-view-meta{display:none}.review-panel #play-current{grid-column:1/-1;grid-row:1}}
@media(max-height:350px){#lib-game-dialog{padding:5px 10px}#lib-game-dialog .lib-dialog-heading{padding:0}#lib-game-dialog .lib-dialog-footer{margin:3px 0 0;padding:3px 0 0}#lib-game-dialog .lib-dialog-heading button{min-height:36px}#lib-game-dialog .lib-dialog-footer button{min-height:36px}#lib-game-dialog .replay-tools .replay-parent,#lib-game-dialog .replay-tools .replay-main{font-size:10px;padding:4px}}
@media(max-width:699px){#lib-game-dialog .replay-tools{justify-content:center;gap:4px}#lib-game-dialog .replay-tools label{font-size:0}#lib-game-dialog .replay-tools select{font-size:12px;width:55px}#lib-game-dialog .replay-tools .replay-parent,#lib-game-dialog .replay-tools .replay-main{font-size:11px;padding:4px 7px;white-space:nowrap}#lib-game-dialog .replay-tools .replay-play{padding:4px;min-width:36px}}
@media(max-height:650px) and (orientation:portrait){#lib-game-dialog #lib-view-meta{display:none}#lib-game-dialog .library-board{width:min(30dvh,calc(100% - 32px));margin-top:4px;margin-bottom:22px}#lib-game-dialog .lib-dialog-heading h2{font-size:15px}#lib-game-dialog .silicio-pgn .move{font-size:16px;padding:4px 6px;min-height:36px}}
@media(min-width:700px),(min-width:480px) and (orientation:landscape){.review-panel #extraction-blocker{grid-row:9}.review-panel .export-card{grid-row:10}}
@media(max-height:350px) and (orientation:landscape){body[data-view=document] header{display:none}body[data-view=document] .document-bar{margin:0;padding:2px 8px;min-height:34px}body[data-view=document] .document-bar strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}body[data-view=document] .document-bar button{min-height:32px;font-size:11px;padding:4px 8px}body[data-view=document] .workspace-nav{padding:0 6px;min-height:36px}body[data-view=document] .workspace-nav button{min-height:36px;padding:3px 8px}body[data-view=document] .document-tools{padding:3px 8px}body[data-view=document] .document-tools button{min-height:38px}}

/* Book reading and direct paragraph editing, scoped to the PGN containers. */
.silicio-pgn .comment,.silicio-pgn .pre-comment,.silicio-pgn .pgn-initial-comment{font-size:15px;font-style:normal;line-height:1.65;color:var(--ink,#30283d);padding:4px 2px}
.pgn-author-comment{display:block;position:relative;min-height:44px;padding:8px 25px 8px 6px;margin:3px 0;white-space:pre-wrap;cursor:text;border-radius:7px;outline-offset:2px}
.pgn-author-comment:hover,.pgn-author-comment:focus-visible{background:#eee7fb}.comment-edit-hint{position:absolute;right:5px;top:8px;font-size:15px;color:#78678e}.comment-placement-hint{font-style:normal;font-weight:700;color:#8c651e;margin-left:6px}
.pgn-author-comment.editing{padding:8px;border:1px solid #9b82c4;background:white;cursor:default;white-space:normal}.pgn-inline-editor{display:block;font-style:normal;line-height:1.4}.pgn-inline-editor label{display:block;font-size:13px;margin:5px 0}.pgn-inline-editor textarea{display:block;width:100%;max-width:100%;min-height:110px;padding:9px;font:16px/1.5 system-ui;border:1px solid #b4a3cd;border-radius:8px;resize:vertical;box-sizing:border-box;color:var(--ink);background:white}
.pgn-inline-editor select{width:100%;min-width:0;max-width:100%;font-size:13px}.inline-comment-actions{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}.silicio-pgn .inline-comment-actions button{padding:7px 10px;font-size:13px;min-height:44px;line-height:1.3}.comment-location{margin-top:8px;font-size:13px}.comment-location summary{min-height:36px;line-height:36px;cursor:pointer}.comment-error{display:block;color:#8d2525;font-size:13px;margin-top:8px}.comment-error[hidden],.pgn-inline-editor [hidden]{display:none!important}
.comment-source-dialog{width:min(850px,calc(100vw - 20px));max-height:calc(100dvh - 20px);padding:14px;border:1px solid var(--line);border-radius:14px;color:var(--ink);background:white}.comment-source-dialog[open]{display:flex;flex-direction:column}.comment-source-dialog::backdrop{background:#20172b88}.comment-source-dialog .comment-heading{flex:none;gap:12px}.comment-source-dialog button{min-height:44px}.comment-source-pages{overflow:auto;min-height:0;padding:8px 0}.comment-source-pages canvas{width:100%;height:auto;display:block;background:white}.comment-source-pages p{font-size:12px;color:var(--muted)}
.book-comments{padding:10px 12px;margin:10px 0}.book-comments #comments-summary{font-size:12px;line-height:1.5;margin:6px 0}.book-comments #hidden-comments button{display:block;width:100%;text-align:left;font-size:12px;margin-top:7px}
body.editing-book-comment #lib-game-dialog .library-board,body.editing-book-comment #lib-game-dialog #lib-board-controls,body.editing-book-comment #lib-game-dialog .replay-tools,body.editing-book-comment #lib-game-dialog .lib-dialog-footer{display:none}
body.editing-book-comment #lib-game-dialog .lib-view-layout{display:flex}body.editing-book-comment #lib-game-dialog #lib-lines-panel{flex:1;min-height:0}
@media(min-width:700px){.silicio-pgn .comment,.silicio-pgn .pre-comment,.silicio-pgn .pgn-initial-comment{font-size:16px}}

#lib-game-dialog .lib-dialog-heading h2{flex:1;min-width:0}#pgn-reading-mode{flex:none;font-size:12px;min-height:44px;padding:6px 10px;color:#5f3bad;border-color:#b9a7d8}#pgn-reading-mode[aria-pressed=true]{background:#eee6fc}
#lib-game-dialog.pgn-reading-only .library-board,#lib-game-dialog.pgn-reading-only #lib-board-controls,#lib-game-dialog.pgn-reading-only .replay-tools{display:none}#lib-game-dialog.pgn-reading-only .lib-view-layout{display:flex}#lib-game-dialog.pgn-reading-only #lib-lines-panel{flex:1;min-height:0}
@media(max-width:380px){#lib-game-dialog .lib-dialog-heading{gap:5px}#lib-game-dialog .lib-dialog-heading h2{font-size:14px}#pgn-reading-mode{padding:5px 7px}}

/* One transport row, like Silicio's board. Secondary actions only take space when opened. */
.replay-bar{display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:4px;margin:0 0 6px;min-width:0}
.replay-bar>button,#lib-board-controls.replay-bar>button{flex:1 1 44px;min-width:44px;max-width:64px;min-height:44px;height:44px;padding:4px;font-size:22px;line-height:1;touch-action:manipulation}
.replay-bar>.replay-play{background:#6946bf;color:white;border-color:#6946bf}.replay-bar>.replay-more{font-size:27px}
.replay-bar>#move-label,.replay-bar>#lib-move-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.replay-options{width:min(350px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;border:1px solid #cfc1e4;border-radius:16px;padding:16px;background:#fff;color:#30283d;box-shadow:0 18px 60px #21133244}
.replay-options::backdrop{background:#21133266}.replay-options-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:10px;font-size:17px}
.replay-options button{min-height:44px;font-size:14px;padding:8px 12px;touch-action:manipulation}.replay-options .replay-close{font-size:24px;min-width:44px;padding:4px}.replay-options>.replay-parent,.replay-options>.replay-main{display:block;width:100%;text-align:left;margin:6px 0}.replay-options [hidden]{display:none!important}
.replay-options label{display:block;margin:12px 0 0;font-size:14px;text-align:left}.replay-options select{margin-top:7px;width:100%;font-size:16px;min-height:44px}
#lib-game-dialog #lib-board-controls.replay-bar{margin:0 0 4px;gap:4px}
@media(min-width:700px),(orientation:landscape){#lib-game-dialog .lib-view-layout{grid-template-rows:minmax(0,1fr) 44px}#lib-game-dialog .library-board{grid-row:1/3}#lib-game-dialog #lib-board-controls.replay-bar{margin:0}}