.demo-notice{flex:none;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 14px;background:#ede6f7;border-bottom:1px solid #d8cce7;color:#493665;font-size:11px;line-height:1.4}
.demo-notice button{flex:none;background:transparent;border:1px solid #b6a5ce;border-radius:7px;padding:6px 9px;min-height:36px;font-size:11px;color:#493665}
.demo-notice span{min-width:0}#demo-sample{display:inline-flex;margin:8px 4px}#demo-full-version{width:min(460px,calc(100% - 28px));max-height:calc(100dvh - 28px);overflow:auto;border:1px solid #c7b5dd;border-radius:22px;padding:28px;background:#faf7ff;color:#292137;box-shadow:0 24px 80px #0005}
#demo-full-version::backdrop{background:#191225aa}#demo-full-version h2{font-size:26px;letter-spacing:-.6px;line-height:1.15;margin:12px 0}#demo-full-version p{line-height:1.6}#demo-full-version .eyebrow{font-size:10px;letter-spacing:.15em}#demo-full-version .demo-platforms{border-block:1px solid #dfd2ec;padding:16px 0;color:#6e4c8c}#demo-full-version button{width:100%;min-height:44px}
@media(max-width:420px){.demo-notice{padding:4px 10px;font-size:10px}.demo-notice button{font-size:10px;padding:5px 7px}.welcome #demo-sample{display:flex;margin:8px 0}.local{display:none}#home{font-size:19px}}
@media(max-height:540px){.demo-notice{padding:3px 12px}.demo-notice button{min-height:30px;padding:3px 8px}.welcome .quiet{font-size:11px}}
/* Keep the board and notation together inside the shared tablet preview. */
body[data-view=review] .document-bar{padding:5px 12px;min-height:38px}
body[data-view=review] .document-bar small{display:none}
body[data-view=review] #status{margin:0 0 8px}
body[data-view=review] #return-to-pdf{margin-bottom:8px;min-height:36px;padding:6px 12px}
@media(min-width:700px){
 .review-panel #results{grid-template-columns:minmax(240px,310px) minmax(0,1fr);grid-template-areas:'blocker blocker' 'select play' 'badge moves' 'board moves' 'controls moves' 'review next' 'correction correction' 'comments comments' 'export export';gap:8px 18px}
 .review-panel #extraction-blocker{grid-area:blocker}
 .review-panel #results>label{grid-area:select}
 .review-panel #play-current{grid-area:play;margin:0;align-self:end}
 .review-panel #results>.badge{grid-area:badge;font-size:12px;padding:6px 9px}
 .review-panel #board{grid-area:board;width:min(100% - 28px,32dvh,290px);margin:8px auto 23px}
 .review-panel .board-controls{grid-area:controls;margin:0;max-width:none}
 .review-panel #moves{grid-area:moves;max-height:42dvh;min-height:0;margin:0;align-self:stretch}
 .review-panel #review-current{grid-area:review;margin:0}
 .review-panel #next-doubt{grid-area:next;margin:0}
 .review-panel #review-card{grid-area:correction}
 .review-panel #book-comments{grid-area:comments}
 .review-panel .export-card{grid-area:export}
}
@media(max-width:699px){.review-panel #play-current{margin:8px 0}.review-panel .badge{margin:8px 0;font-size:11px;padding:6px 8px}.review-panel #board{margin-top:10px}}