/* Nonogram 1.4.3: one SVG coordinate system for all clues and rules. */
.mpb-is-nonogram .mpb-content{padding-top:12px;padding-bottom:18px;min-height:0}
.mpb-is-nonogram .mpb-content>.wp-block-shortcode{margin-block:0}
.mpb-is-nonogram .mpb-content>.wp-block-post-content:empty{display:none}
.mpb-ng-player.mpb-player{width:min(100% - 12px,1020px);max-width:1020px;margin:0 auto 12px;padding:20px 20px 16px;border-radius:12px;box-shadow:0 8px 22px rgba(20,65,120,.045)}
.mpb-ng-player header{margin:0;gap:8px}
.mpb-ng-player h1{margin:4px 0 3px;font-size:clamp(25px,3.5vw,36px)}
.mpb-ng-player>p{margin:5px 0 7px;font-size:.91rem;line-height:1.4}
.mpb-ng-topbar{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;color:#53657b;margin:6px 0 7px;font-size:.8rem}
.mpb-ng-topbar strong{font-variant-numeric:tabular-nums;color:#0b1f3a;font-size:1rem}
.mpb-ng-scroll{overflow:auto;max-width:100%;padding:0 0 4px;scrollbar-color:#aec5e4 transparent}
.mpb-ng-board,.mpb-ng-board *{box-sizing:border-box!important}
.mpb-ng-board{display:block!important;position:relative!important;flex:none!important;min-width:0!important;max-width:none!important;margin:0 auto!important;padding:0!important;border:0!important;overflow:hidden!important;background:#fff!important;line-height:normal!important;isolation:isolate}
.mpb-ng-board>br,.mpb-ng-board>.wp-block-spacer{display:none!important}
.mpb-ng-paper{display:block!important;position:absolute!important;inset:0!important;z-index:3!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;overflow:visible!important;pointer-events:none!important;user-select:none;-webkit-user-select:none}
.mpb-ng-grid{display:grid!important;position:absolute!important;z-index:1!important;align-content:start!important;justify-content:start!important;grid-auto-rows:0!important;box-sizing:border-box!important;min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important;overflow:hidden!important;gap:0!important;padding:0!important;margin:0!important;border:0!important;background:#fff!important;touch-action:none}
.mpb-ng-grid::before,.mpb-ng-grid::after{content:none!important;display:none!important}
.mpb-ng-grid>br{display:none!important}
.mpb-ng-cell{box-sizing:border-box!important;appearance:none!important;display:flex!important;align-items:center!important;justify-content:center!important;width:var(--ng-cell)!important;height:var(--ng-cell)!important;min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:#fff!important;color:#1d2734!important;line-height:1!important;font-size:calc(var(--ng-cell)*.74)!important;font-weight:700!important;cursor:crosshair;touch-action:none;user-select:none;-webkit-user-select:none}
.mpb-ng-cell:hover{background:#eef2f8!important}
.mpb-ng-cell.ng-black,.mpb-ng-cell.ng-black:hover{background:#141414!important}
.mpb-ng-cell.ng-cross{background:#fff!important}
.mpb-ng-cell:focus-visible{outline:3px solid #3b82f6!important;outline-offset:-3px!important;z-index:2}
.mpb-ng-toolbar{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 20px;margin-top:10px}
.mpb-ng-desktop-help{font-size:.81rem;color:#53657b}
.mpb-ng-controls,.mpb-ng-mobile-tools,.mpb-ng-actions{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:7px;margin:0}
.mpb-ng-mobile-tools{display:none}
.mpb-ng-actions{margin-top:8px}
.mpb-ng-controls .mpb-button,.mpb-ng-mobile-tools .mpb-button,.mpb-ng-actions .mpb-button{font-size:.84rem;min-height:34px;padding:5px 11px}
.mpb-ng-tool.is-selected{background:#1267ea!important;border-color:#1267ea!important;color:#fff!important}
.mpb-ng-message{text-align:center;min-height:0;margin:7px 0 0;color:#53657b;font-size:.78rem}
.mpb-ng-error{padding:18px;background:#fff2f2;border:1px solid #e6baba}
.mpb-ng-player.ng-completed .mpb-ng-board{outline:3px solid #41c99b;outline-offset:2px}
.mpb-ng-player button:disabled{opacity:.45;cursor:not-allowed}
@media (pointer:coarse), (hover:none){.mpb-ng-mobile-tools{display:flex}.mpb-ng-desktop-help{display:none}}
@media(max-width:700px){
 .mpb-is-nonogram .mpb-content{padding:9px 8px 14px}
 .mpb-ng-player.mpb-player{width:100%;padding:12px 8px;margin:0 auto 10px}
 .mpb-ng-topbar{font-size:.72rem;gap:5px}
 .mpb-ng-board{margin-left:0!important;margin-right:0!important}
 .mpb-ng-controls .mpb-button,.mpb-ng-actions .mpb-button{min-width:0}
 .mpb-ng-mobile-tools{display:flex}
 .mpb-ng-desktop-help{display:none}
}

/* 1.4.5: Mobile pan / pinch view with synchronized, frozen clue axes. */
.mpb-ng-touch-viewer{display:none;position:relative;width:100%;height:clamp(360px,68dvh,690px);overflow:hidden;isolation:isolate;border:1px solid #d7e0ec;border-radius:8px;background:#fff;user-select:none;-webkit-user-select:none}
.mpb-ng-touch-main,.mpb-ng-touch-top,.mpb-ng-touch-left,.mpb-ng-touch-corner{position:absolute;overflow:hidden;background:#fff}
.mpb-ng-touch-main{z-index:1;touch-action:none;overscroll-behavior:contain;cursor:grab}
.mpb-ng-touch-main:active{cursor:grabbing}
.mpb-ng-touch-top{z-index:3;pointer-events:none;border-bottom:2px solid #17233a}
.mpb-ng-touch-left{z-index:3;pointer-events:none;border-right:2px solid #17233a}
.mpb-ng-touch-corner{z-index:4;pointer-events:none}
.mpb-ng-touch-clues{position:absolute;left:0;top:0;max-width:none!important;max-height:none!important;transform-origin:0 0;pointer-events:none;user-select:none;-webkit-user-select:none}
.mpb-ng-touch-main .mpb-ng-board{position:absolute!important;left:0!important;top:0!important;max-width:none!important;transform-origin:0 0!important;will-change:transform}
.mpb-ng-zoom-controls{display:none;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:8px 0 2px;color:#53657b;font-size:.75rem}
.mpb-ng-zoom-hint{line-height:1.4;flex:1 1 160px}
.mpb-ng-zoom-buttons{display:flex;align-items:center;justify-content:center;gap:4px;margin-left:auto}
.mpb-ng-zoom-buttons .mpb-button{min-height:32px!important;min-width:36px!important;padding:4px 8px!important;font-size:.85rem!important;touch-action:manipulation}
.mpb-ng-zoom-level{min-width:42px;text-align:center;color:#0b1f3a;font-variant-numeric:tabular-nums;font-weight:600}
.mpb-ng-player.ng-touch-ready .mpb-ng-scroll{display:none!important}
.mpb-ng-player.ng-touch-ready .mpb-ng-touch-viewer{display:block}
.mpb-ng-player.ng-touch-ready .mpb-ng-zoom-controls{display:flex}
.mpb-ng-player.ng-touch-ready .mpb-ng-cell{cursor:pointer}
.mpb-ng-player.ng-touch-ready .mpb-ng-cell:hover{background:#fff!important}
.mpb-ng-player.ng-touch-ready .mpb-ng-cell.ng-black:hover{background:#141414!important}
@media(max-width:700px){
 .mpb-ng-touch-viewer{height:clamp(360px,67dvh,620px)}
 .mpb-ng-zoom-controls{padding-top:9px;gap:6px}
 .mpb-ng-mobile-tools{width:auto}
 .mpb-ng-player.ng-touch-ready .mpb-ng-toolbar{margin-top:5px}
}