/* Reference-video tabletop: compact rails, broad felt areas and a low hand fan. */
.duel-cinematic{--duel-card:clamp(54px,5.1vw,78px);--scene-gold:#f0d292;background:#11120f;border-color:#71634d;border-radius:16px;box-shadow:0 18px 55px #0005}
.duel-cinematic .duel-topbar{min-height:34px;padding:7px 12px;background:#121510f5}.duel-cinematic .duel-topbar .btn{padding:5px 9px;font-size:calc(10px * var(--duel-text-scale,1))}.duel-cinematic .duel-topbar strong{font-size:calc(12px * var(--duel-text-scale,1))}
.duel-cinematic .duel-table{min-height:570px;height:clamp(570px,76dvh,820px);padding:4px;gap:0;overflow:hidden;background:#25271e}
.duel-cinematic .duel-enemy,.duel-cinematic .duel-mine{flex:1;gap:0;min-height:0;border-radius:10px;position:relative}
.duel-cinematic .duel-enemy{background:radial-gradient(ellipse at 55% 25%,#9d452e2b,transparent 65%),repeating-conic-gradient(from 25deg at 95% 50%,#1a090a18 0deg 28deg,transparent 28deg 58deg),linear-gradient(110deg,#713529,#5d2c24 50%,#3e211d)}
.duel-cinematic .duel-mine{background:radial-gradient(ellipse at 30% 10%,#b5bf8655,transparent 65%),repeating-conic-gradient(from 210deg at 90% 20%,#151c0c12 0deg 30deg,transparent 30deg 63deg),linear-gradient(110deg,#737e5e,#5b674c 55%,#3b4931)}
.duel-cinematic .duel-enemy:before,.duel-cinematic .duel-mine:before{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;opacity:.15;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 150 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.5' filter='url(%23n)'/%3E%3C/svg%3E")}
.duel-cinematic .duel-battle-row{flex:1;min-height:115px;margin:0;padding:20px 14px 12px;gap:12px;background:transparent;border:1px solid transparent;border-radius:5px;transition:border-color .2s,background .2s}
.duel-cinematic .duel-zone-label{font-size:calc(8px * var(--duel-text-scale,1));top:5px;opacity:.65}.duel-cinematic .duel-empty{font-size:calc(11px * var(--duel-text-scale,1));opacity:.7}.duel-cinematic .duel-divider{min-height:16px;background:#202719c9;border-color:#b0bd7c44}.duel-cinematic .duel-divider span{font-size:calc(9px * var(--duel-text-scale,1));padding:3px 9px}
.duel-cinematic .duel-rail,.duel-cinematic .enemy-rail{grid-template-columns:42px minmax(0,1fr) 65px 80px 102px;min-height:45px;padding:3px 7px;gap:5px;margin:0;border:1px solid #ffffff12;border-radius:0;background:#16170f32;position:relative}
.duel-cinematic .duel-lore{padding:4px;background:transparent}.duel-cinematic .duel-lore strong{font-size:calc(25px * var(--duel-text-scale,1))}.duel-cinematic .duel-lore span{font-size:calc(7px * var(--duel-text-scale,1));letter-spacing:.08em}.duel-cinematic .duel-ink-total{padding:4px 6px;background:#17170da3;justify-self:center;border-radius:4px;min-width:50px}.duel-cinematic .duel-ink-total strong{font-size:calc(15px * var(--duel-text-scale,1))}.duel-cinematic .duel-ink-total em{font-size:calc(12px * var(--duel-text-scale,1))}.duel-cinematic .duel-ink-total span{font-size:calc(7px * var(--duel-text-scale,1))}.duel-cinematic .duel-ink-cards{padding:2px;gap:3px;min-height:32px;max-height:40px;overflow:hidden}.duel-cinematic .duel-ink-cards>.duel-back{width:24px;height:33px;flex-basis:24px}.duel-cinematic .duel-ink-cards>.ink-used{transform:rotate(90deg) scale(.84);margin:0 -1px}.duel-cinematic .duel-ink-cards>.duel-back i{font-size:calc(23px * var(--duel-text-scale,1))}.duel-cinematic .duel-ink-drops{padding:3px 6px;grid-template-columns:15px auto;border-color:#e7c16a66;border-radius:5px;background:#1c221cc7;gap:0 4px}.duel-cinematic .duel-ink-drops svg{width:14px;height:19px}.duel-cinematic .duel-ink-drops strong{font-size:calc(15px * var(--duel-text-scale,1))}.duel-cinematic .duel-ink-drops span{font-size:calc(7px * var(--duel-text-scale,1))}.duel-cinematic .duel-ink-drops small{display:none}.duel-cinematic .duel-turn-controls{flex-direction:row;justify-content:end;gap:3px}.duel-cinematic .duel-turn-controls .btn{font-size:calc(9px * var(--duel-text-scale,1));padding:6px 5px;border-radius:4px;white-space:nowrap}.duel-cinematic .duel-turn-controls>[data-play-action=undo]{font-size:0;padding:6px}.duel-cinematic .duel-turn-controls>[data-play-action=undo]:before{content:'↶';font-size:calc(13px * var(--duel-text-scale,1))}.duel-cinematic .duel-ink-payment{position:absolute;right:110px;top:100%;z-index:20;padding:4px 8px;max-width:280px;grid-row:auto;background:#1b241ce8;font-size:calc(9px * var(--duel-text-scale,1))}.duel-cinematic .duel-ink-payment[open]{box-shadow:0 10px 25px #0009}.duel-cinematic .enemy-rail .duel-ink-payment{display:none}
.duel-cinematic .duel-hand-row{grid-template-columns:42px minmax(0,1fr) 42px;gap:8px;min-height:49px;padding:3px 8px}.duel-cinematic .opponent-hand{height:47px;min-height:47px}.duel-cinematic .duel-hidden-hand{max-height:45px;padding-bottom:0;overflow:visible;align-self:start}.duel-cinematic .duel-hidden-hand>.duel-back{width:39px;height:54px;flex-basis:39px;margin-left:-17px;transform:translateY(-18px) rotate(180deg)}.duel-cinematic .duel-hidden-hand>span:last-child{font-size:calc(8px * var(--duel-text-scale,1));bottom:-6px;padding:1px 5px}.duel-cinematic .duel-pile>summary{width:36px;height:44px;border-radius:5px}.duel-cinematic .duel-pile>summary>.duel-back,.duel-cinematic .duel-pile>summary>img{width:27px;height:38px}.duel-cinematic .duel-pile>summary>strong{font-size:calc(17px * var(--duel-text-scale,1));line-height:1;text-shadow:0 1px 5px #000}.duel-cinematic .duel-pile>summary>small{font-size:calc(6px * var(--duel-text-scale,1))}.duel-cinematic .duel-back{border-width:1px;border-color:#c4b3837a}
.duel-cinematic .my-hand{height:88px;min-height:88px;align-items:center;background:#0a130e38}.duel-cinematic .duel-hand-scroll{height:88px;min-height:0;overflow-x:auto;overflow-y:hidden;padding:13px 20px 0;scrollbar-width:thin;scroll-padding:30px}.duel-cinematic .duel-hand-fan{align-items:flex-start;min-height:110px;justify-content:center;padding:0 18px}.duel-cinematic .duel-hand-card{width:clamp(70px,7.3vw,100px);flex-basis:clamp(70px,7.3vw,100px);margin-left:-30px;transform-origin:50% 180%;transition:transform .22s cubic-bezier(.2,.8,.2,1),filter .2s}.duel-cinematic .duel-hand-card:hover,.duel-cinematic .duel-hand-card:focus-within,.duel-cinematic .duel-hand-card.is-focused{transform:translateY(-11px) rotate(0);z-index:8;filter:drop-shadow(0 0 8px #ffd98666)}
.duel-cinematic .duel-slot{transition:margin .25s,transform .25s}.duel-cinematic .duel-card-face{border:1px solid #10120e;border-radius:4px;box-shadow:0 3px 6px #0009;transition:transform .32s cubic-bezier(.2,.85,.25,1),box-shadow .2s;touch-action:none}.duel-cinematic .duel-hand-card .duel-card-face{touch-action:pan-x}.duel-cinematic .duel-slot.is-exerted{margin:0 14px}.duel-cinematic .duel-slot.is-exerted>.duel-card-face{transform:rotate(90deg) scale(.88)}.duel-cinematic .duel-slot.is-focused>.duel-card-face{box-shadow:0 0 0 2px #edd39c,0 0 16px #e2ca7e66}.duel-cinematic .duel-slot.is-attacking>.duel-card-face{box-shadow:0 0 0 2px #ff6057,0 0 18px #ff4d4877}.duel-cinematic .duel-stat{font-size:calc(7px * var(--duel-text-scale,1));margin-top:3px;padding:1px 3px;background:#151c1277}.duel-cinematic .duel-drying{font-size:calc(7px * var(--duel-text-scale,1));inset:36% 1px auto;padding:4px 1px;background:#152e3bd4;border:1px solid #3eb6d888}.duel-cinematic .duel-damage{font-size:calc(16px * var(--duel-text-scale,1));top:35%;left:35%;right:auto;padding:1px 4px;border-radius:4px;background:#e63d43;border:1px solid #ffc4a7;box-shadow:0 0 6px #0008}.duel-cinematic .is-exerted .duel-damage{transform:rotate(-90deg)}.duel-cinematic .duel-under{font-size:calc(8px * var(--duel-text-scale,1));padding:2px 4px}
.duel-cinematic .duel-slot.is-effect-target>.duel-card-face{box-shadow:0 0 0 2px #79e1a7,0 0 18px #75e9a45e;cursor:crosshair}.duel-cinematic.is-targeting .duel-slot.is-not-target{filter:brightness(.48)}.duel-cinematic .duel-target{position:absolute;bottom:-8px;font-size:calc(7px * var(--duel-text-scale,1));padding:2px 5px;background:#b43632;color:white;z-index:3}.duel-cinematic.is-challenging .duel-slot:has(.duel-target)>.duel-card-face{box-shadow:0 0 0 2px #ff7169,0 0 14px #ff5c5566;cursor:crosshair}
.duel-cinematic.has-choice:not(.is-targeting) .duel-enemy,.duel-cinematic.has-choice:not(.is-targeting) .duel-mine{filter:blur(2.5px) brightness(.53);pointer-events:none;transition:filter .2s}.duel-cinematic .duel-effects:empty{display:none}.duel-cinematic .duel-effects{inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(780px,calc(100% - 44px));max-height:85%;background:#17120df2;backdrop-filter:blur(16px);border:1px solid #a99361aa;outline:0;box-shadow:0 16px 60px #000a;border-radius:12px;animation:duel-prompt-in .22s ease-out;overflow:auto}.duel-cinematic .practice-effect-choice{border:0;background:transparent;padding:18px 20px;color:#fff8e8}.duel-cinematic .duel-choice-source{float:left;object-fit:contain;margin:0 13px 10px 0;border-radius:4px;max-height:67px;width:auto}.duel-cinematic .practice-effect-choice .eyebrow{font-size:calc(8px * var(--duel-text-scale,1));color:#bba77a;letter-spacing:.12em}.duel-cinematic .practice-effect-choice h3{font-size:calc(15px * var(--duel-text-scale,1));line-height:1.3;margin:4px 0;font-weight:800}.duel-cinematic .practice-effect-choice p{font-size:calc(11px * var(--duel-text-scale,1));line-height:1.5;color:#d3cbb8;margin:5px 0}.duel-cinematic .practice-effect-choice .duel-effect-copy{color:#f5ebd4}.duel-cinematic .practice-effect-options{clear:both;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;padding-top:12px}.duel-cinematic .practice-effect-options>.btn{min-width:100px;border-radius:25px;padding:9px 18px;font-size:calc(11px * var(--duel-text-scale,1))}.duel-cinematic .practice-effect-options>.btn:first-child:not(.effect-card-option){background:#eeeade;color:#272b26;font-weight:800}.duel-cinematic .practice-effect-options>.effect-card-option{min-width:0;padding:7px;border-radius:8px;flex:0 0 104px;max-width:130px;transition:transform .15s,box-shadow .15s}.duel-cinematic .effect-card-option img{width:100%;max-height:140px;object-fit:contain;border-radius:5px}.duel-cinematic .effect-card-option span{font-size:calc(9px * var(--duel-text-scale,1));display:block;margin-top:5px}.duel-cinematic .effect-card-option:hover{transform:translateY(-5px);box-shadow:0 0 0 2px #e1c682}
.duel-cinematic .duel-target-prompt{top:11%;width:min(560px,calc(100% - 40px));transform:translateX(-50%);pointer-events:none;max-height:24%;overflow:hidden;background:#180c09df}.duel-cinematic .duel-target-prompt .practice-effect-choice{padding:10px 14px}.duel-cinematic .duel-target-prompt .practice-effect-options{display:none}.duel-cinematic .duel-target-prompt .duel-choice-source{width:32px;max-height:45px;margin-bottom:0}.duel-cinematic .duel-target-prompt h3{font-size:calc(12px * var(--duel-text-scale,1))}.duel-cinematic .duel-target-prompt p{font-size:calc(9px * var(--duel-text-scale,1))}.duel-cinematic .duel-target-prompt .duel-effect-copy{display:none}
.duel-cinematic .duel-side-effects{position:absolute;left:10px;bottom:91px;z-index:25;color:#ecdfbd;font-size:calc(9px * var(--duel-text-scale,1));max-width:calc(100% - 20px)}.duel-cinematic .duel-side-effects>summary{cursor:pointer;background:#101c11c9;border:1px solid #b7b08555;border-radius:4px;padding:4px 8px;list-style:none}.duel-cinematic .duel-side-effects>div{position:absolute;bottom:28px;left:0;width:min(380px,75vw);max-height:50vh;overflow:auto;background:#162014f5;border:1px solid #a3976c;padding:12px;border-radius:10px}.duel-cinematic .duel-side-effects .practice-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.duel-cinematic .duel-side-effects .practice-card{background:transparent;color:#e8e0c8}.duel-cinematic .duel-side-effects h3{font-size:calc(12px * var(--duel-text-scale,1))}.duel-cinematic .duel-side-effects p{font-size:calc(10px * var(--duel-text-scale,1))}
.duel-cinematic .duel-inspector{inset:auto auto 92px 50%;transform:translateX(-50%);width:240px;max-height:72%;padding:7px;border-radius:9px;background:#111a16f5;border-color:#c0a774;box-shadow:0 10px 35px #000a;animation:duel-prompt-in .16s ease-out;z-index:36}.duel-cinematic .duel-inspector .practice-card>.deck-picker-image{max-width:118px}.duel-cinematic .duel-inspector .practice-card-name{font-size:calc(12px * var(--duel-text-scale,1))}.duel-cinematic .duel-inspector small{font-size:calc(9px * var(--duel-text-scale,1))}.duel-cinematic .duel-inspector .btn{font-size:calc(10px * var(--duel-text-scale,1));padding:6px 8px}.duel-cinematic .duel-inspector .duel-close{float:right;border:0;background:transparent;font-size:calc(9px * var(--duel-text-scale,1))}.duel-cinematic .duel-inspector .practice-card-actions{gap:5px;display:flex;flex-wrap:wrap}.duel-cinematic .duel-inspector .practice-card-actions>.btn{flex:1 1 auto}.duel-cinematic .duel-bottom-bar{padding:6px 12px;min-height:29px;font-size:calc(10px * var(--duel-text-scale,1))}.duel-cinematic .duel-bottom-bar>span{max-width:85%}.duel-cinematic .duel-manual{padding:7px 12px;font-size:calc(10px * var(--duel-text-scale,1))}.duel-cinematic.is-expanded{inset:5px;--duel-card:clamp(48px,8.4dvh,88px)}.duel-cinematic.is-expanded>.duel-table{height:auto;min-height:0;flex:1}.duel-cinematic.is-expanded .duel-battle-row{min-height:70px}.duel-cinematic.is-expanded .duel-hand-row.my-hand{height:88px;min-height:88px}.duel-cinematic.is-expanded .duel-hand-card{width:clamp(65px,11dvh,104px);flex-basis:clamp(65px,11dvh,104px)}
.duel-cinematic .duel-hover-preview{position:absolute;width:205px;max-height:70%;overflow:hidden;background:#1a211af5;border:1px solid #dbbc7a;border-radius:8px;padding:5px;box-shadow:0 12px 35px #000b;z-index:60;pointer-events:none;animation:duel-preview-in .16s ease-out}.duel-hover-preview img{display:block;width:100%;max-height:39vh;object-fit:contain}.duel-hover-preview .duel-preview-copy{padding:6px;font-size:calc(10px * var(--duel-text-scale,1));line-height:1.45;color:#f3e9d0}.duel-preview-copy strong{display:block;font-size:calc(11px * var(--duel-text-scale,1));margin-bottom:3px}.duel-preview-copy p{margin:4px 0}.duel-preview-copy b{color:#edd39a}
.duel-motion-layer{position:absolute;inset:0;overflow:hidden;z-index:65;pointer-events:none}.duel-motion-ghost{position:absolute;object-fit:contain;border-radius:5px;box-shadow:0 4px 16px #0008;pointer-events:none}.duel-motion-float{position:absolute;color:white;text-shadow:0 2px 7px #000;font-size:calc(30px * var(--duel-text-scale,1));font-weight:900;line-height:1;white-space:nowrap}.duel-motion-float.is-gold{color:#ffe39a}.duel-motion-particle{position:absolute;width:5px;height:5px;border-radius:50%;background:#ffdfa4;box-shadow:0 0 8px currentColor}.duel-motion-beam{position:absolute;inset:0;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 0 5px #ff493b)}.duel-motion-beam line{stroke:#ff625d;stroke-width:3;stroke-linecap:round}.duel-hit-ring{position:absolute;border:3px solid #ff8175;border-radius:50%;width:36px;height:36px;box-shadow:0 0 15px #ff4b4288}.duel-turn-banner{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);padding:12px 45px;background:linear-gradient(90deg,transparent,#20291bec 25%,#20291bec 75%,transparent);color:#ffe5a7;text-align:center;font-size:calc(23px * var(--duel-text-scale,1));font-weight:800;letter-spacing:.14em;white-space:nowrap}.duel-drag-zones{display:none;position:absolute;inset:47% 8px 91px;z-index:28;gap:6px;pointer-events:none}.duel-cinematic.is-dragging-hand .duel-drag-zones{display:flex}.duel-drag-zones>div{flex:1;display:grid;place-content:center;border:2px dashed #b5e7b199;border-radius:6px;background:#285b3440;font-weight:800;color:#e6ffdc;font-size:calc(14px * var(--duel-text-scale,1))}.duel-drag-zones>div:last-child{flex:.45;border-color:#b8ddff99;background:#30475f66}.duel-drag-zones>div.is-drop-active{background:#4d9c526b;border-color:#e0ffba;box-shadow:inset 0 0 24px #bdf7a744}.duel-cinematic.is-dragging-challenge .duel-slot:has(.duel-target)>.duel-card-face{outline:2px solid #f96d64}.duel-cinematic .is-drag-source{opacity:.45}.duel-cinematic.no-motion *{animation:none!important;transition:none!important}
@keyframes duel-prompt-in{from{opacity:0;scale:.96}to{opacity:1;scale:1}}@keyframes duel-preview-in{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}
@media(max-width:700px){.duel-cinematic{--duel-card:clamp(42px,8vw,62px)}.duel-cinematic .duel-table{height:clamp(560px,78dvh,740px);min-height:560px}.duel-cinematic .duel-battle-row{gap:8px;padding:18px 6px 10px;min-height:110px}.duel-cinematic .duel-rail,.duel-cinematic .enemy-rail{grid-template-columns:29px minmax(0,1fr) 43px 59px 88px;padding:3px;gap:3px}.duel-cinematic .duel-lore strong{font-size:calc(21px * var(--duel-text-scale,1))}.duel-cinematic .duel-ink-total{min-width:38px;padding:3px}.duel-cinematic .duel-ink-total strong{font-size:calc(13px * var(--duel-text-scale,1))}.duel-cinematic .duel-ink-total em{font-size:calc(10px * var(--duel-text-scale,1))}.duel-cinematic .duel-ink-cards>.duel-back{width:18px;height:26px;flex-basis:18px}.duel-cinematic .duel-ink-cards>.duel-back i{font-size:calc(18px * var(--duel-text-scale,1))}.duel-cinematic .duel-ink-cards{gap:1px}.duel-cinematic .duel-ink-drops{padding:3px;grid-template-columns:12px auto}.duel-cinematic .duel-ink-drops svg{width:11px;height:16px}.duel-cinematic .duel-ink-drops strong{font-size:calc(13px * var(--duel-text-scale,1))}.duel-cinematic .duel-ink-drops span{font-size:calc(6px * var(--duel-text-scale,1))}.duel-cinematic .duel-hand-card{width:78px;flex-basis:78px;margin-left:-30px}.duel-cinematic .duel-hand-fan{justify-content:start;padding-left:12px}.duel-cinematic .duel-effects{width:calc(100% - 20px)}.duel-cinematic .practice-effect-choice{padding:12px}.duel-cinematic .practice-effect-options>.effect-card-option{flex-basis:80px;padding:5px}.duel-cinematic .effect-card-option img{max-height:105px}.duel-cinematic .practice-effect-options{gap:7px}.duel-cinematic .duel-inspector{width:215px}.duel-cinematic .duel-topbar>div:first-child>span:last-child{display:none}.duel-cinematic .duel-topbar{min-height:32px;padding:5px 7px}.duel-cinematic .duel-topbar>div:first-child{flex-wrap:nowrap}.duel-cinematic .duel-hover-preview{width:170px}.duel-cinematic .duel-damage{font-size:calc(13px * var(--duel-text-scale,1))}.duel-cinematic .duel-slot.is-exerted{margin:0 10px}.duel-cinematic .duel-ink-payment{right:93px}.duel-cinematic .duel-turn-banner{font-size:calc(18px * var(--duel-text-scale,1));padding:10px 28px}.duel-cinematic .duel-stat{font-size:calc(6px * var(--duel-text-scale,1))}.duel-cinematic .duel-drying{font-size:calc(6px * var(--duel-text-scale,1))}.duel-cinematic .duel-bottom-bar{font-size:calc(9px * var(--duel-text-scale,1))}.duel-cinematic .duel-zone-label{font-size:calc(7px * var(--duel-text-scale,1))}}
@media(max-height:580px) and (orientation:landscape){.duel-cinematic.is-expanded{--duel-card:44px}.duel-cinematic.is-expanded .duel-topbar{min-height:26px;padding:3px 8px}.duel-cinematic.is-expanded .opponent-hand{height:30px;min-height:30px}.duel-cinematic.is-expanded .duel-rail{min-height:33px}.duel-cinematic.is-expanded .duel-lore strong{font-size:calc(18px * var(--duel-text-scale,1))}.duel-cinematic.is-expanded .duel-ink-cards{min-height:24px;max-height:28px}.duel-cinematic.is-expanded .duel-ink-cards>.duel-back{height:24px;width:18px;flex-basis:18px}.duel-cinematic.is-expanded .my-hand,.duel-cinematic.is-expanded .duel-hand-row.my-hand,.duel-cinematic.is-expanded .duel-hand-scroll{height:57px;min-height:57px}.duel-cinematic.is-expanded .duel-hand-card{width:66px;flex-basis:66px}.duel-cinematic.is-expanded .duel-battle-row{padding:12px 8px 5px;min-height:60px}.duel-cinematic.is-expanded .duel-bottom-bar{min-height:23px;padding:4px 8px}.duel-cinematic.is-expanded .duel-stat{display:none}.duel-cinematic.is-expanded .duel-inspector{bottom:60px;max-height:80%;width:205px}.duel-cinematic.is-expanded .duel-inspector .deck-picker-image{max-width:90px}.duel-cinematic.is-expanded .duel-effects{max-height:90%}.duel-cinematic.is-expanded .duel-choice-source{max-height:47px}.duel-cinematic.is-expanded .practice-effect-choice{padding:9px 13px}.duel-cinematic.is-expanded .practice-effect-choice p{font-size:calc(9px * var(--duel-text-scale,1))}.duel-cinematic.is-expanded .practice-effect-options{padding-top:6px}.duel-cinematic.is-expanded .effect-card-option img{max-height:90px}.duel-cinematic.is-expanded .duel-side-effects{bottom:60px}.duel-cinematic.is-expanded .duel-drag-zones{bottom:60px}}
@media(prefers-reduced-motion:reduce){.duel-cinematic *,.duel-cinematic *:before,.duel-cinematic *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.duel-cinematic.is-dragging-hand .duel-drag-zones>div{pointer-events:auto}.duel-cinematic .duel-slot:focus-within{z-index:9}.duel-cinematic .duel-card-face:focus-visible{outline:2px solid #fff0bd;outline-offset:4px}

.duel-cinematic .duel-battle-row{overflow:auto;scrollbar-width:thin;align-content:center;align-content:safe center}.duel-cinematic .duel-hand-row,.duel-cinematic .duel-rail{flex-shrink:0}

.duel-cinematic .duel-mulligan-tray{display:flex;align-items:center;gap:10px;width:100%;min-height:105px;padding:8px;border:2px dashed #d8bc79aa;border-radius:9px;background:#423b2160;overflow-x:auto}
.duel-mulligan-copy{flex:0 0 145px;color:#ffe6a8}.duel-mulligan-copy strong,.duel-mulligan-copy small{display:block}.duel-mulligan-copy small{font-size:calc(11px * var(--duel-text-scale,1));line-height:1.5;color:#e2dac5;margin-top:5px}
.duel-cinematic .duel-mulligan-tray .duel-hand-card{flex:0 0 65px;width:65px;margin:0;transform:none}.duel-cinematic .duel-mulligan-tray .duel-hand-card:hover{margin:0;transform:translateY(-3px)}
.duel-cinematic.is-dragging-mulligan .duel-mulligan-tray{border-color:#fff2bf;background:#725e2b77}.duel-cinematic.is-dragging-mulligan .duel-hand-scroll{outline:2px dashed #bcdfb0;outline-offset:-3px}
@media(max-width:700px){.duel-mulligan-copy{flex-basis:116px}.duel-cinematic .duel-mulligan-tray{gap:6px}.duel-cinematic .duel-mulligan-tray .duel-hand-card{flex-basis:55px;width:55px}}

.duel-cinematic .duel-mulligan-info{position:absolute;top:2px;right:2px;z-index:12;width:22px;height:22px;border:1px solid #f4dfb2;border-radius:50%;background:#15251fed;color:#ffebbd;cursor:pointer;font:17px/1 system-ui;padding:0}.duel-cinematic .duel-mulligan-info:focus-visible{outline:2px solid white;outline-offset:2px}

/* Text controls preserve card geometry and apply equally to local and online tables. */
.duel-cinematic .duel-topbar{flex-wrap:wrap;align-items:center;gap:8px}.duel-cinematic .duel-topbar>.duel-toolbar-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;margin-left:auto;gap:6px}.duel-font-controls{display:inline-flex;align-items:center;gap:3px;margin-left:6px}.duel-cinematic .duel-font-controls .btn{font-size:14px;min-height:32px;min-width:34px;padding:5px 7px;white-space:nowrap}.duel-cinematic .duel-font-controls .duel-font-reset{font-size:12px;min-width:50px}.duel-cinematic .duel-topbar>div:first-child{flex-wrap:wrap}.duel-cinematic .duel-effects{max-height:88%;overflow:auto}.duel-cinematic .practice-effect-choice p{overflow-wrap:anywhere}.duel-cinematic .duel-rail{min-height:max(45px,calc(43px * var(--duel-text-scale,1)))}.duel-cinematic .duel-bottom-bar>span{white-space:normal;overflow-wrap:anywhere}.duel-cinematic .duel-manual p{line-height:1.6}@media(max-width:700px){.duel-cinematic .duel-topbar>.duel-toolbar-actions{width:100%}.duel-font-controls{margin-left:auto}.duel-cinematic .duel-rail{grid-template-columns:48px minmax(0,1fr) 65px 80px;row-gap:5px}.duel-cinematic .duel-turn-controls{grid-column:1/-1}.duel-cinematic .duel-ink-payment{right:0;max-width:calc(100% - 12px)}.duel-cinematic .duel-zone-label{max-width:100%;white-space:normal}.duel-cinematic .duel-topbar>div:first-child>span:last-child{max-width:none}}
.duel-cinematic{font-size:calc(14px * var(--duel-text-scale,1));line-height:1.5}.duel-cinematic .practice-effect-choice p,.duel-cinematic.is-expanded .practice-effect-choice p{font-size:calc(13px * var(--duel-text-scale,1));line-height:1.65}.duel-cinematic .duel-zone-label,.duel-cinematic .duel-lore span,.duel-cinematic .duel-ink-total span,.duel-cinematic .duel-ink-drops span,.duel-cinematic .duel-bottom-bar{font-size:calc(10px * var(--duel-text-scale,1))}.duel-cinematic .duel-empty,.duel-cinematic .duel-divider span{font-size:calc(11px * var(--duel-text-scale,1))}.duel-cinematic .duel-turn-controls .btn{font-size:calc(11px * var(--duel-text-scale,1))}.duel-cinematic .duel-turn-controls>[data-play-action=undo]{font-size:0}.duel-cinematic .duel-topbar>div:first-child>span:last-child{font-size:calc(11px * var(--duel-text-scale,1))}.duel-cinematic .effect-card-option span{font-size:calc(11px * var(--duel-text-scale,1));overflow-wrap:anywhere}

.duel-game-over{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;border-block:1px solid #d8bd78;background:#1c2923;color:#fff0cb;flex-shrink:0}.duel-game-over strong{font-size:20px}.duel-game-over p{margin:4px 0;line-height:1.5}.duel-game-over small{display:block;line-height:1.5}.duel-game-over .btn{min-height:44px;min-width:135px;font-size:17px!important;background:#e4c984;color:#1c241c;font-weight:700;white-space:nowrap}@media(max-width:600px){.duel-game-over{flex-wrap:wrap;padding:12px}.duel-game-over .btn{width:100%}}