/* v0.1.20 – shared A4 preview studio (screen only). */
@media screen {
body[data-mode="print"] .layout{min-height:0;min-width:0;overflow:hidden}
body[data-mode="print"] .print-studio{display:grid!important;grid-template-columns:minmax(0,1fr) clamp(318px,25vw,380px)!important;gap:0!important;align-items:stretch!important;align-content:stretch!important;justify-content:stretch!important;width:100%!important;max-width:none!important;height:100%!important;min-height:0!important;margin:0!important;padding:0!important;border-radius:20px!important;overflow:hidden!important;background:var(--theme-main)!important}
.print-studio .a4-preview-pane{display:flex;flex-direction:column;min-width:0;min-height:0;height:100%;background:var(--theme-soft);overflow:hidden}
.a4-preview-toolbar{flex:0 0 54px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 17px;border-bottom:1px solid var(--theme-border);background:var(--theme-elev);color:var(--theme-text)}
.a4-preview-title{display:flex;align-items:center;gap:12px;min-width:0}.a4-preview-title strong{font-size:.94rem;white-space:nowrap}.a4-preview-title span{font-size:.7rem;color:var(--theme-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.a4-preview-nav{display:flex;gap:9px;align-items:center;margin-left:auto;font-size:.79rem;font-weight:800;color:var(--theme-text);white-space:nowrap}
.a4-preview-nav button{width:34px;height:32px;border-radius:9px;border:1px solid var(--theme-border);background:var(--theme-soft);color:var(--theme-text);font-size:1.5rem;line-height:1;display:grid;place-items:center}
.a4-preview-nav button:disabled{opacity:.38}.a4-preview-nav button:not(:disabled):hover{border-color:var(--theme-accent);background:var(--theme-elev)}
.a4-preview-viewport{flex:1;min-height:0;min-width:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;background:var(--theme-soft);display:flex;align-items:safe center;justify-content:safe center;padding:14px;scrollbar-width:thin;scrollbar-color:var(--theme-border) transparent}
.a4-preview-page{flex:none;position:relative;width:400px;height:566px;background:#fff;box-shadow:0 8px 30px #07172727,0 0 0 1px #00000012;overflow:hidden;display:grid;place-items:center}
.a4-preview-page canvas{width:100%;height:100%;display:block;background:#fff}
.a4-preview-empty{position:absolute;inset:0;display:grid;place-items:center;padding:22px;text-align:center;color:#607888;font-size:.9rem;background:#fff}
.a4-preview-empty[hidden]{display:none}
.a4-zoom-footer{flex:0 0 46px;display:flex;align-items:center;gap:10px;padding:4px 16px;border-top:1px solid var(--theme-border);background:var(--theme-elev)}
.a4-zoom-label{font-size:.69rem;font-weight:850;white-space:nowrap;color:var(--theme-muted)}
#preview-zoom{appearance:none;-webkit-appearance:none;flex:1;min-width:0;height:4px;border-radius:4px;background:linear-gradient(to right,var(--theme-accent),var(--theme-accent));outline-offset:8px;cursor:pointer}
#preview-zoom::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;border:2px solid #fff;background:var(--theme-accent);box-shadow:0 1px 5px #0004;cursor:grab}
#preview-zoom::-moz-range-thumb{width:13px;height:13px;border:2px solid #fff;border-radius:50%;background:var(--theme-accent);box-shadow:0 1px 5px #0004}
#preview-zoom-value{min-width:62px;text-align:right;font-weight:800;font-size:.68rem;color:var(--theme-text)}
body[data-mode="print"] .print-studio-controls.a4-options{width:100%!important;max-width:none!important;min-width:0;min-height:0;height:100%;border-radius:0!important;border:0!important;border-left:1px solid var(--theme-border)!important;box-shadow:none!important;padding:clamp(14px,1.7vw,24px)!important;margin:0!important;align-self:stretch!important;background:var(--theme-elev)!important;color:var(--theme-text)!important;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
.a4-options-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:10px}.a4-options-head h3{font-size:1.25rem!important;margin:4px 0 0!important;line-height:1.2}
.a4-options-summary{padding:10px 12px;border:1px solid var(--theme-border);border-radius:10px;background:var(--theme-soft);font-size:.76rem;font-weight:800;color:var(--theme-text);margin-bottom:15px}
.a4-fields-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.a4-fields-row .field{min-width:0}
body[data-mode="print"] .a4-options .field{margin-bottom:13px!important}
.a4-options .field label{font-size:.75rem;font-weight:850;margin-bottom:6px}
body[data-mode="print"] .a4-options select{height:42px!important;min-height:42px!important;padding:0 9px;font-size:.82rem;border-radius:10px}
.a4-options .print-quality-row{gap:5px!important;justify-content:flex-start!important;margin:0 0 16px!important}
.a4-options .print-quality-row span{font-size:.68rem!important;padding:5px 7px!important;border-radius:7px}
body[data-mode="print"] .a4-options #print-prepare{font-size:.81rem!important;min-height:44px!important;margin-bottom:18px!important}
.a4-actions-label{font-size:.66rem;letter-spacing:.9px;font-weight:900;color:var(--theme-muted);margin:0 0 7px}
.a4-answer-heading{margin-top:20px}
.a4-options .print-action-grid{display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important;margin-top:0!important}
body[data-mode="print"] .a4-options .print-action-grid .btn{font-size:.78rem!important;min-height:45px!important;padding:7px 5px!important;border-radius:10px}
body[data-mode="print"] .a4-options .print-action-grid.answer-actions .btn{min-height:41px!important}
body[data-mode="print"] .a4-options .print-hint{margin-top:15px!important;font-size:.72rem!important;min-height:0!important;line-height:1.4!important;color:var(--theme-muted);overflow-wrap:anywhere}
.a4-privacy-hint{font-size:.64rem;line-height:1.45;color:var(--theme-muted);margin-top:14px;border-top:1px solid var(--theme-border);padding-top:10px}
.a4-settings-mobile,.a4-panel-close{display:none}
@media(max-width:1050px){body[data-mode="print"] .print-studio{grid-template-columns:minmax(0,1fr) 305px!important}.a4-preview-title span{display:none}body[data-mode="print"] .print-studio-controls.a4-options{padding:14px!important}}
@media(max-width:700px){
 body[data-mode="print"] .print-studio{display:block!important;position:relative}
 body[data-mode="print"] .a4-preview-pane{height:100%;width:100%}
 .a4-preview-toolbar{flex-basis:45px;padding:6px 9px;gap:6px}.a4-preview-title strong{font-size:.8rem}.a4-preview-nav{gap:5px;font-size:.7rem}.a4-preview-nav button{width:26px;height:28px}
 .a4-settings-mobile{display:inline-flex;align-items:center;gap:4px;padding:6px 7px;font-size:.68rem;border:1px solid var(--theme-border);border-radius:9px;background:var(--theme-elev);color:var(--theme-text);white-space:nowrap}
 .a4-preview-viewport{padding:8px}.a4-zoom-footer{padding:4px 9px;gap:6px}.a4-zoom-label{font-size:.6rem}#preview-zoom-value{min-width:54px;font-size:.61rem}
 body[data-mode="print"] .print-studio-controls.a4-options{position:absolute;z-index:20;right:0;top:0;bottom:0;width:min(345px,94vw)!important;height:100%;transform:translateX(105%);visibility:hidden;pointer-events:none;transition:transform .18s ease,visibility .18s;box-shadow:-8px 0 25px #0003!important;border-left:1px solid var(--theme-border)!important}
 body[data-mode="print"] .print-studio-controls.a4-options.is-open{transform:translateX(0);visibility:visible;pointer-events:auto}
 .a4-panel-close{display:grid;place-items:center;width:30px;height:30px;font-size:1.4rem;color:var(--theme-text);border:1px solid var(--theme-border);background:var(--theme-soft);border-radius:8px}
}
@media(max-height:500px) and (min-width:701px){body[data-mode="print"] .print-studio-controls.a4-options{padding:10px!important}.a4-options .a4-options-summary{margin-bottom:7px}.a4-options .a4-actions-label{margin-top:4px}.a4-zoom-footer{flex-basis:34px}.a4-preview-toolbar{flex-basis:42px}}
}

/* v0.1.52 | Shared A4 return action: all printable games; unaffected print layout. */
@media screen {
 .a4-options-head .a4-options-actions{display:flex;align-items:center;gap:7px;flex:none;margin-left:8px}
 .a4-options-head > div:first-child{min-width:0}
 .a4-options-head .a4-back-game{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:36px;padding:7px 11px;border:1px solid #0c817d;border-radius:10px;background:#e4f7f4;color:#075f60;font:800 .75rem/1.2 Nunito,Arial,sans-serif;white-space:nowrap;cursor:pointer;box-shadow:0 2px 0 #b0dbd5;transition:background .15s,border-color .15s,transform .15s}
 .a4-options-head .a4-back-game:hover{background:#baf0e7;color:#064f51;border-color:#08736b;transform:translateY(-1px)}
 .a4-options-head .a4-back-game:active{transform:translateY(1px)}
 .a4-options-head .a4-back-game:focus-visible,.a4-back-mobile:focus-visible{outline:3px solid #ff9a3c;outline-offset:2px}
 html[data-theme="dark"] .a4-options-head .a4-back-game{background:#124b49;color:#edfffa;border-color:#53b9aa;box-shadow:0 2px 0 #0a2f32}
 html[data-theme="dark"] .a4-options-head .a4-back-game:hover{background:#17635e;color:#fff;border-color:#92e3cd}
 .a4-back-mobile{display:none}
 @media(max-width:700px){
  .a4-back-mobile{display:inline-flex;align-items:center;justify-content:center;flex:none;width:31px;height:30px;border:1px solid var(--theme-border);border-radius:9px;background:var(--theme-elev);color:var(--theme-text);font-size:1.13rem;cursor:pointer}
  .a4-options-head .a4-back-game{min-height:34px;padding:5px 8px;font-size:.72rem}
 }
 @media(max-width:365px){
  .a4-back-mobile{width:28px;height:28px}
  .a4-preview-toolbar{gap:3px;padding-left:5px;padding-right:5px}
  .a4-preview-title strong{font-size:.73rem}
 }
}

/* v0.1.64 — Duplex A4 standard: 2 physical A4 sides in every package. */
@media screen {
 .a4-fixed-pages{display:flex;align-items:center;gap:10px;min-height:59px;padding:10px 11px;margin:0 0 12px;border:1px solid var(--theme-border);border-radius:11px;background:var(--theme-soft);color:var(--theme-text)}
 .a4-fixed-pages-icon{flex:none;display:grid;place-items:center;width:37px;height:37px;border-radius:9px;background:#dbf3ec;color:#08756f;font-size:21px;font-weight:900}
 .a4-fixed-pages-text{min-width:0;display:flex;flex:1;flex-direction:column;gap:2px}
 .a4-fixed-pages-text strong{font-size:.83rem;font-weight:900;line-height:1.15}
 .a4-fixed-pages-text small{font-size:.69rem;color:var(--theme-muted);font-weight:700;line-height:1.3}
 .a4-fixed-pages-tag{flex:none;border-radius:7px;border:1px solid #a9d6ce;background:#e5f7f1;color:#106a65;font-size:.65rem;font-weight:800;padding:4px 7px}
 html[data-theme="dark"] .a4-fixed-pages-icon{background:#235e58;color:#d5fff1}
 html[data-theme="dark"] .a4-fixed-pages-tag{background:#194e4b;border-color:#568e85;color:#e1fff6}
 @media(max-height:700px) and (min-width:701px){.a4-fixed-pages{min-height:46px;padding:6px 9px;margin-bottom:7px}.a4-fixed-pages-icon{height:30px;width:30px;font-size:18px}.a4-fixed-pages-text strong{font-size:.76rem}.a4-fixed-pages-text small{font-size:.63rem}}
}