/* Phone and touch-tablet layout: native scrolling and tap-to-act, shared by all modes. */
.duel-mobile-help{display:none}
@media(max-width:760px),(pointer:coarse) and (max-width:1100px){
 .wrap.deck-workspace{padding:12px 8px 35px;min-width:0}.practice.has-duel{min-width:0}.duel-cinematic{--duel-card:86px;max-width:100%;border-radius:10px;overflow:visible}
 .duel-mobile-help{display:block;margin:0;padding:8px 12px;background:#20291f;color:#ede5ce;font-size:13px;line-height:1.5}
 .duel-cinematic .duel-table,.duel-cinematic.is-expanded .duel-table{height:auto;min-height:0;overflow:visible;padding:4px;flex:none}
 .duel-cinematic .duel-enemy,.duel-cinematic .duel-mine{flex:none;min-height:0;overflow:visible}
 .duel-cinematic .duel-battle-row,.duel-cinematic.is-expanded .duel-battle-row{flex:none;flex-wrap:nowrap;justify-content:flex-start;align-items:center;min-height:162px;gap:12px;padding:26px 14px 18px;overflow-x:auto;overflow-y:hidden;touch-action:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
 .duel-cinematic .duel-slot{flex-shrink:0}.duel-cinematic .duel-slot.is-exerted{margin:0 16px}
 .duel-cinematic .duel-card-face{touch-action:manipulation}.duel-cinematic .duel-hand-scroll{height:158px;min-height:158px;overflow-x:auto;overflow-y:hidden;touch-action:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
 .duel-cinematic .duel-hand-row.my-hand,.duel-cinematic.is-expanded .duel-hand-row.my-hand{height:auto;min-height:158px}
 .duel-cinematic .duel-hand-fan{justify-content:flex-start;align-items:center;gap:10px;padding:8px 12px;min-width:max-content;height:100%;transform:none}
 .duel-cinematic .duel-hand-card,.duel-cinematic.is-expanded .duel-hand-card{width:88px;flex:0 0 88px;margin:0;transform:none}
 .duel-cinematic .duel-hand-card:hover,.duel-cinematic .duel-hand-card.is-focused{margin:0;transform:none;z-index:4}
 .duel-cinematic .duel-topbar{padding:8px;gap:8px}.duel-cinematic .duel-topbar>div{min-width:0;flex-wrap:wrap}.duel-cinematic .duel-topbar>.duel-toolbar-actions{width:100%;justify-content:flex-start;gap:6px}
 .duel-cinematic .btn,.duel-cinematic .duel-topbar .btn,.duel-cinematic .duel-font-controls .btn,.duel-cinematic .duel-turn-controls .btn{min-height:44px;min-width:44px;padding:9px 10px;font-size:calc(12px * var(--duel-text-scale,1));touch-action:manipulation;white-space:normal}
 .duel-cinematic .duel-font-controls{margin-left:auto;flex-wrap:wrap;gap:3px}.duel-cinematic .duel-font-controls .btn{padding:7px;min-width:44px;font-size:14px}.duel-cinematic .duel-turn-controls>[data-play-action=undo]{font-size:calc(12px * var(--duel-text-scale,1))}
 .duel-cinematic .duel-topbar>div:first-child>span:last-child{display:block;white-space:normal;font-size:12px}.duel-cinematic .duel-topbar strong{font-size:14px}
 .duel-cinematic .duel-rail,.duel-cinematic .enemy-rail{grid-template-columns:54px minmax(70px,1fr) minmax(80px,1fr);gap:6px;padding:6px;min-height:62px}
 .duel-cinematic .duel-ink-cards{display:none}.duel-cinematic .duel-ink-total{justify-self:stretch;text-align:center;min-width:0}.duel-cinematic .duel-turn-controls{grid-column:1/-1;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.duel-cinematic .duel-turn-controls:empty{display:none}
 .duel-cinematic .duel-lore strong{font-size:27px}.duel-cinematic .duel-ink-total strong,.duel-cinematic .duel-ink-drops strong{font-size:22px}.duel-cinematic .duel-ink-total em{font-size:13px}.duel-cinematic .duel-ink-drops{padding:4px;grid-template-columns:18px auto}.duel-cinematic .duel-ink-drops svg{width:16px;height:22px}
 .duel-cinematic .duel-lore span,.duel-cinematic .duel-ink-total span,.duel-cinematic .duel-ink-drops span,.duel-cinematic .duel-ink-drops small{font-size:11px;line-height:1.4}
 .duel-cinematic .duel-stat,.duel-cinematic.is-expanded .duel-stat{display:block;font-size:11px}.duel-cinematic .duel-drying{font-size:10px}.duel-cinematic .duel-zone-label{font-size:12px;top:5px}.duel-cinematic .duel-divider span{font-size:13px;white-space:normal}
 .duel-cinematic .duel-pile>summary{min-width:44px;min-height:44px}.duel-cinematic .opponent-hand{height:56px;min-height:56px}.duel-cinematic .duel-bottom-bar{padding:8px;font-size:12px;flex-wrap:wrap}
 .duel-cinematic .duel-inspector,.duel-cinematic .duel-effects,.duel-cinematic.is-expanded .duel-inspector,.duel-cinematic.is-expanded .duel-effects{position:fixed;inset:auto 0 0!important;left:0!important;top:auto!important;bottom:0!important;width:100%!important;max-width:100vw;max-height:82dvh;transform:none!important;box-sizing:border-box;border-radius:16px 16px 0 0;z-index:120;overflow:auto;overscroll-behavior-y:contain;padding-bottom:max(14px,env(safe-area-inset-bottom));box-shadow:0 -10px 40px #0008;touch-action:auto}
 .duel-cinematic:has(.duel-effects:not(:empty)),.duel-cinematic:has(.duel-inspector){z-index:80}
 .duel-cinematic .duel-inspector .deck-picker-image{max-width:125px}.duel-cinematic .duel-inspector .practice-card{font-size:14px}.duel-cinematic .duel-inspector .btn{margin:3px}
 .duel-cinematic .duel-close{position:sticky;top:0;float:right;z-index:2;min-width:44px;min-height:44px;font-size:20px;background:#1d281f}
 .duel-cinematic .practice-effect-choice,.duel-cinematic.is-expanded .practice-effect-choice{padding:16px}.duel-cinematic .practice-effect-choice p{font-size:calc(13px * var(--duel-text-scale,1))}
 .duel-cinematic .practice-effect-options{display:flex;flex-wrap:wrap;gap:10px}.duel-cinematic .practice-effect-options>.effect-card-option{flex:1 1 110px;max-width:180px;padding:8px}.duel-cinematic .effect-card-option img,.duel-cinematic.is-expanded .effect-card-option img{width:100%;height:auto;max-height:195px;object-fit:contain}.duel-cinematic .effect-card-option span{font-size:13px;line-height:1.45}
 .duel-cinematic .practice-revealed .practice-card-grid{grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:10px}.duel-cinematic .practice-revealed .practice-card{min-width:0;font-size:12px}
 .duel-cinematic .duel-side-effects{position:static;max-width:100%;margin:8px 0}.duel-cinematic .duel-side-effects>summary{padding:12px;min-height:44px}.duel-cinematic .duel-ink-payment{right:0;max-width:calc(100vw - 28px);z-index:50}
 .duel-cinematic.is-expanded{position:fixed;inset:0;display:block;width:auto;height:100dvh;max-height:100dvh;overflow-y:auto;overscroll-behavior-y:contain;border-radius:0;box-sizing:border-box;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}
 .duel-cinematic .duel-mulligan-tray{min-height:145px;touch-action:auto}.duel-cinematic .duel-mulligan-tray .duel-hand-card{width:80px;flex-basis:80px}.duel-cinematic .duel-mulligan-info{width:44px;height:44px;font-size:23px}.duel-cinematic .duel-hover-preview{display:none!important}
}
@media(max-height:580px) and (orientation:landscape) and (pointer:coarse){
 .duel-cinematic,.duel-cinematic.is-expanded{--duel-card:76px}.duel-cinematic .duel-topbar>.duel-toolbar-actions{width:auto}.duel-cinematic .duel-battle-row,.duel-cinematic.is-expanded .duel-battle-row{min-height:142px}.duel-cinematic .duel-effects,.duel-cinematic .duel-inspector{max-height:90dvh}.duel-cinematic .duel-mobile-help{padding:5px 12px}
}