.card-pan-bar{align-items:center;gap:8px;margin:0 0 8px;display:flex}.card-pan-bar[hidden]{display:none}.card-pan-button{color:#304f37;cursor:pointer;touch-action:manipulation;background:#fffdf5;border:1px solid #b5bdaa;border-radius:9px;flex:none;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:inline-flex}.card-pan-button:hover{background:#edf3e5}.card-pan-button[aria-disabled=true]{opacity:.4;cursor:default;background:#fffdf5}.card-pan-button:focus-visible{outline-offset:2px;outline:3px solid #bd8b24}.card-pan-status{color:#48603d;text-align:center;flex:1;justify-items:center;gap:5px;min-width:0;font-size:13px;line-height:1.2;display:grid}.card-pan-map{gap:4px;display:flex}.card-pan-map i{background:#cbd5bf;border-radius:3px;width:12px;height:6px}.card-pan-map i.on{background:#4b704e}.card-pan-viewport{--pan-fade:28px;overscroll-behavior-x:contain;margin:-4px -4px 0;padding:4px 4px 8px;scroll-padding:8px 32px;overflow-x:auto}.card-pan .cell-destination{min-height:44px;top:-44px}.card-pan-vertical-note{color:#48603d;margin:6px 0 0;font-size:12px;line-height:1.3}.card-pan-viewport[data-more-end]{-webkit-mask-image:linear-gradient(to right, #000 calc(100% - var(--pan-fade)), transparent);-webkit-mask-image:linear-gradient(to right, #000 calc(100% - var(--pan-fade)), transparent);mask-image:linear-gradient(to right, #000 calc(100% - var(--pan-fade)), transparent)}.card-pan-viewport[data-more-start]{-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--pan-fade));-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--pan-fade));mask-image:linear-gradient(to right, transparent, #000 var(--pan-fade))}.card-pan-viewport[data-more-start][data-more-end]{-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--pan-fade), #000 calc(100% - var(--pan-fade)), transparent);-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--pan-fade), #000 calc(100% - var(--pan-fade)), transparent);mask-image:linear-gradient(to right, transparent, #000 var(--pan-fade), #000 calc(100% - var(--pan-fade)), transparent)}.game-is-fullscreen .card-pan-bar{margin-bottom:6px}.game-is-fullscreen .card-pan-viewport{overscroll-behavior:contain}