/* DarkMovis Genre Worlds 1.2 — full-size character-led poster rails. */
.dmgw {
    --dmgw-accent: #ff394f;
    --dmgw-accent-rgb: 255,57,79;
    --dmgw-second: #ff9b43;
    --dmgw-view: 4.35;
    --dmgw-gap: 16px;
    --dmgw-width: min(calc(var(--dmui-page-width,100vw) - 34px),1366px);
    position: relative;
    width: var(--dmgw-width);
    margin: clamp(30px,4vw,54px) calc((100% - var(--dmgw-width))/2);
    overflow: visible;
    color: #f8fbff;
    direction: rtl;
    font-family: inherit;
    isolation: isolate;
    contain: layout style;
    -webkit-tap-highlight-color: transparent;
}

.dmgw--india {
    --dmgw-accent: #ffb63d;
    --dmgw-accent-rgb: 255,182,61;
    --dmgw-second: #35d4bd;
}

.dmgw--korea {
    --dmgw-accent: #ff5f9f;
    --dmgw-accent-rgb: 255,95,159;
    --dmgw-second: #55d9ff;
}

.dmgw--china {
    --dmgw-accent: #ff513f;
    --dmgw-accent-rgb: 255,81,63;
    --dmgw-second: #ffd263;
}

.elementor-widget-darkmovis_action_world,
.elementor-widget-darkmovis_action_world > .elementor-widget-container,
.elementor-widget-darkmovis_indian_cinema,
.elementor-widget-darkmovis_indian_cinema > .elementor-widget-container,
.elementor-widget-darkmovis_korean_cinema,
.elementor-widget-darkmovis_korean_cinema > .elementor-widget-container,
.elementor-widget-darkmovis_chinese_cinema,
.elementor-widget-darkmovis_chinese_cinema > .elementor-widget-container { overflow: visible !important; }
.dmgw,.dmgw *,.dmgw *::before,.dmgw *::after { box-sizing: border-box; }
.dmgw :where(a,button) { font: inherit; -webkit-tap-highlight-color: transparent; }
.dmgw a { color: inherit; text-decoration: none; }
.dmgw svg { width: 1em; height: 1em; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }

.dmgw::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 6px;
    left: 6px;
    width: 150px;
    height: 78px;
    opacity: .12;
    background-image: radial-gradient(circle,rgba(255,255,255,.88) 1px,transparent 1.4px);
    background-size: 15px 15px;
    transform: rotate(-5deg);
    pointer-events: none;
}

.dmgw--india::before,.dmgw--korea::before { left: auto; right: 44%; opacity: .09; transform: rotate(4deg); }
.dmgw__header { min-height: 80px; margin-bottom: 20px; padding-inline: 2px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.dmgw__heading { min-width: 0; flex: 1 1 auto; display: flex; align-items: center; gap: 12px; }
.dmgw__heading-copy { position: relative; min-width: 0; padding-bottom: 9px; display: block; }
.dmgw__heading-copy::after { content: ""; position: absolute; right: 0; bottom: 0; width: min(215px,88%); height: 1px; border-radius: 99px; background: linear-gradient(90deg,transparent,var(--dmgw-second),var(--dmgw-accent)); box-shadow: 0 0 10px rgba(var(--dmgw-accent-rgb),.42); }
.dmgw__heading-copy > small { margin-bottom: 4px; display: block; color: var(--dmgw-accent); font-size: 8px; font-weight: 950; letter-spacing: 1.4px; direction: ltr; text-align: right; }
.dmgw__heading h2 { margin: 0; color: #fff; font-size: clamp(21px,2vw,29px); font-weight: 950; line-height: 1.4; letter-spacing: -.6px; }
.dmgw__heading p { margin: 3px 0 0; color: #99a5b7; font-size: clamp(10px,.9vw,12px); font-weight: 650; line-height: 1.7; }

/* Shared character stage */
.dmgw__character { position: relative; width: 68px; height: 68px; flex: 0 0 68px; display: block; border: 1px solid rgba(255,255,255,.13); border-radius: 21px; background: radial-gradient(circle at 72% 17%,rgba(var(--dmgw-accent-rgb),.22),transparent 43%),linear-gradient(145deg,#172a47,#07101e 72%); box-shadow: inset 0 1px rgba(255,255,255,.12),0 10px 24px rgba(0,0,0,.25); transform: translateZ(0); }
.dmgw__character::after { content: ""; position: absolute; right: 10px; bottom: 5px; left: 10px; height: 8px; border-radius: 50%; background: rgba(0,0,0,.28); transform: scaleX(.9); }

/* Action: Night Agent, an original masked hero with scanning visor and flying scarf. */
.dmgw__character--action { overflow: visible; animation: dmgwAgentReady 2.8s cubic-bezier(.45,.05,.45,.95) infinite paused; }
.dmgw.is-inview .dmgw__character--action { animation-play-state: running; }
.dmgw__action-collar { position: absolute; z-index: 2; right: 14px; bottom: 5px; width: 42px; height: 22px; border: 1px solid rgba(255,255,255,.13); border-radius: 17px 17px 8px 8px; background: linear-gradient(145deg,#263850,#0c1728); clip-path: polygon(9% 100%,18% 18%,40% 0,50% 44%,61% 0,84% 18%,94% 100%); }
.dmgw__action-head { position: absolute; z-index: 4; top: 11px; right: 18px; width: 36px; height: 43px; display: block; border: 1px solid rgba(255,255,255,.13); border-radius: 15px 15px 17px 17px; background: linear-gradient(145deg,#c9795f,#844437); box-shadow: inset 0 2px rgba(255,255,255,.13),0 7px 12px rgba(0,0,0,.25); }
.dmgw__action-hair { position: absolute; z-index: 6; top: -7px; right: -2px; width: 39px; height: 20px; display: block; overflow: hidden; border-radius: 16px 17px 7px 5px; background: linear-gradient(145deg,#252f42,#0b111d); transform: rotate(-4deg); }
.dmgw__action-hair::after { content: ""; position: absolute; right: 11px; bottom: -7px; width: 25px; height: 18px; border-radius: 4px 14px 0 0; background: #0b111d; transform: rotate(31deg); }
.dmgw__action-hair em { position: absolute; z-index: 2; top: -2px; width: 9px; height: 18px; border-radius: 8px 2px; background: #313c51; }.dmgw__action-hair em:nth-child(1) { right: 5px; transform: rotate(27deg); }.dmgw__action-hair em:nth-child(2) { right: 15px; transform: rotate(16deg); opacity: .65; }
.dmgw__action-visor { position: absolute; z-index: 9; top: 15px; right: -4px; width: 44px; height: 10px; display: block; overflow: hidden; border: 1px solid rgba(255,123,135,.42); border-radius: 5px 8px 8px 5px; background: linear-gradient(90deg,#5d1022,#ff2f4e 53%,#781128); box-shadow: 0 0 8px rgba(255,47,78,.38); transform: rotate(-2deg); }
.dmgw__action-visor::before { content: ""; position: absolute; top: 1px; bottom: 1px; width: 10px; border-radius: 5px; background: linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent); opacity: .9; transform: translateX(45px); animation: dmgwVisorScan 2.2s ease-in-out infinite paused; }
.dmgw.is-inview .dmgw__action-visor::before { animation-play-state: running; }
.dmgw__action-visor em { position: absolute; top: 3px; right: 8px; left: 8px; height: 1px; background: rgba(255,255,255,.55); }
.dmgw__action-scar { position: absolute; z-index: 8; top: 26px; right: 8px; width: 10px; height: 2px; border-radius: 99px; background: #5c2927; transform: rotate(-44deg); }
.dmgw__action-mask { position: absolute; z-index: 8; right: 3px; bottom: 0; width: 30px; height: 18px; display: block; overflow: hidden; border: 1px solid rgba(255,255,255,.1); border-radius: 5px 5px 14px 14px; background: linear-gradient(145deg,#25364b,#0d1828); }
.dmgw__action-mask::before { content: ""; position: absolute; top: 5px; right: 8px; width: 13px; height: 2px; border-radius: 99px; background: #ff4058; opacity: .45; animation: dmgwMaskBreath 2.8s ease-in-out infinite paused; }
.dmgw.is-inview .dmgw__action-mask::before { animation-play-state: running; }
.dmgw__action-mask em { position: absolute; top: 9px; width: 2px; height: 6px; border-radius: 2px; background: rgba(255,255,255,.16); }.dmgw__action-mask em:nth-child(1) { right: 7px; }.dmgw__action-mask em:nth-child(2) { right: 14px; }.dmgw__action-mask em:nth-child(3) { right: 21px; }
.dmgw__action-scarf { position: absolute; z-index: 3; right: 47px; bottom: 11px; width: 23px; height: 15px; display: block; transform-origin: right center; animation: dmgwAgentScarf 1.8s ease-in-out infinite paused; }
.dmgw.is-inview .dmgw__action-scarf { animation-play-state: running; }
.dmgw__action-scarf em { position: absolute; right: 0; width: 23px; height: 6px; border-radius: 6px 1px 7px 2px; background: #f32647; transform: rotate(8deg); }.dmgw__action-scarf em:nth-child(2) { top: 7px; width: 18px; background: #a80d2c; transform: rotate(17deg); }
.dmgw__action-signal { position: absolute; z-index: 9; width: 5px; height: 5px; border: 1px solid rgba(255,255,255,.4); border-radius: 50%; background: var(--dmgw-accent); opacity: .3; animation: dmgwAgentSignal 2s ease-in-out infinite paused; }
.dmgw.is-inview .dmgw__action-signal { animation-play-state: running; }
.dmgw__action-signal--one { top: 8px; left: 7px; }.dmgw__action-signal--two { right: 7px; bottom: 17px; width: 4px; height: 4px; background: var(--dmgw-second); animation-delay: -.8s; }

/* India: original friendly movie host with layered turban. */
.dmgw__character--india { overflow: visible; animation: dmgwIndiaNod 3s ease-in-out infinite paused; }
.dmgw.is-inview .dmgw__character--india { animation-play-state: running; }
.dmgw__india-neck { position: absolute; z-index: 2; right: 26px; bottom: 7px; width: 18px; height: 15px; border-radius: 5px 5px 7px 7px; background: #a75f45; }
.dmgw__india-face { position: absolute; z-index: 3; top: 19px; right: 17px; width: 38px; height: 38px; display: block; border: 1px solid rgba(255,255,255,.14); border-radius: 13px 13px 18px 18px; background: linear-gradient(145deg,#d99167,#a85d42); box-shadow: inset 0 2px rgba(255,255,255,.14),0 7px 12px rgba(0,0,0,.22); }
.dmgw__india-ear { position: absolute; z-index: 2; top: 34px; width: 8px; height: 12px; border: 1px solid rgba(255,255,255,.1); background: #ad6246; }
.dmgw__india-ear--r { right: 12px; border-radius: 8px 3px 3px 8px; }.dmgw__india-ear--l { left: 12px; border-radius: 3px 8px 8px 3px; }
.dmgw__india-turban { position: absolute; z-index: 8; top: -13px; right: -3px; width: 44px; height: 21px; display: block; border: 1px solid rgba(255,255,255,.2); border-radius: 22px 22px 8px 8px; background: linear-gradient(145deg,#ffcf55,#e58822); box-shadow: inset 0 2px rgba(255,255,255,.25),0 5px 9px rgba(75,34,4,.26); }
.dmgw__india-turban::before { content: ""; position: absolute; right: 9px; bottom: -3px; width: 26px; height: 11px; border-radius: 10px 10px 5px 5px; background: #f0a02a; }
.dmgw__india-turban em { position: absolute; z-index: 2; top: 2px; width: 6px; height: 15px; border-right: 1px solid rgba(115,52,6,.23); border-radius: 50%; transform: rotate(15deg); }
.dmgw__india-turban em:nth-child(1) { right: 11px; }.dmgw__india-turban em:nth-child(2) { right: 19px; }.dmgw__india-turban em:nth-child(3) { right: 27px; }
.dmgw__india-turban small { position: absolute; z-index: 5; top: 5px; right: 19px; width: 7px; height: 7px; border: 1px solid #fff3af; border-radius: 50%; background: #e52e4c; box-shadow: 0 0 0 3px rgba(229,46,76,.14); animation: dmgwJewelPulse 1.8s ease-in-out infinite paused; }
.dmgw.is-inview .dmgw__india-turban small { animation-play-state: running; }
.dmgw__india-brow { position: absolute; top: 11px; width: 10px; height: 2px; border-radius: 99px; background: #38211d; }
.dmgw__india-brow--r { right: 6px; transform: rotate(-5deg); }.dmgw__india-brow--l { left: 6px; transform: rotate(5deg); }
.dmgw__india-eye { position: absolute; top: 16px; width: 5px; height: 5px; border-radius: 50%; background: #fff; animation: dmgwIndiaBlink 3s ease-in-out infinite paused; }
.dmgw.is-inview .dmgw__india-eye { animation-play-state: running; }
.dmgw__india-eye::after { content: ""; position: absolute; inset: 1px; border-radius: 50%; background: #17222e; }
.dmgw__india-eye--r { right: 9px; }.dmgw__india-eye--l { left: 9px; }
.dmgw__india-nose { position: absolute; top: 17px; right: 17px; width: 4px; height: 8px; border-right: 1px solid rgba(72,31,24,.48); border-bottom: 1px solid rgba(72,31,24,.48); border-radius: 0 0 4px 0; }
.dmgw__india-moustache { position: absolute; z-index: 4; right: 9px; bottom: 8px; width: 20px; height: 7px; border-top: 3px solid #35201d; border-radius: 50% 50% 0 0; }
.dmgw__india-moustache::before,.dmgw__india-moustache::after { content: ""; position: absolute; top: -3px; width: 10px; height: 5px; border-top: 3px solid #35201d; }
.dmgw__india-moustache::before { right: -2px; border-radius: 80% 0 0; transform: rotate(15deg); }.dmgw__india-moustache::after { left: -2px; border-radius: 0 80% 0 0; transform: rotate(-15deg); }
.dmgw__india-smile { position: absolute; right: 14px; bottom: 4px; width: 10px; height: 4px; border-bottom: 1px solid #fff1d7; border-radius: 0 0 10px 10px; opacity: .75; }
.dmgw__india-petal { position: absolute; z-index: 7; width: 7px; height: 10px; border-radius: 7px 2px 7px 2px; background: #ff526d; opacity: .72; animation: dmgwPetalFloat 2.5s ease-in-out infinite paused; }
.dmgw.is-inview .dmgw__india-petal { animation-play-state: running; }
.dmgw__india-petal--one { top: 9px; left: 3px; transform: rotate(28deg); }.dmgw__india-petal--two { right: 5px; bottom: 15px; width: 6px; height: 8px; background: #35d4bd; animation-delay: -.9s; }

/* Korea: an original modern noir lead with side-swept hair and neon film frame. */
.dmgw__character--korea { overflow: visible; animation: dmgwKoreaPose 3.1s ease-in-out infinite paused; }
.dmgw.is-inview .dmgw__character--korea { animation-play-state: running; }
.dmgw__korea-coat { position: absolute; z-index: 2; right: 12px; bottom: 5px; width: 46px; height: 23px; border: 1px solid rgba(255,255,255,.13); border-radius: 19px 19px 8px 8px; background: linear-gradient(145deg,#263551,#0a1425); clip-path: polygon(6% 100%,14% 18%,37% 0,50% 46%,64% 0,86% 18%,96% 100%); }
.dmgw__korea-face { position: absolute; z-index: 4; top: 13px; right: 18px; width: 36px; height: 41px; display: block; border: 1px solid rgba(255,255,255,.13); border-radius: 15px 15px 18px 18px; background: linear-gradient(145deg,#e0a081,#b96f57); box-shadow: inset 0 2px rgba(255,255,255,.14),0 7px 12px rgba(0,0,0,.22); }
.dmgw__korea-hair { position: absolute; z-index: 8; top: -7px; right: -3px; width: 41px; height: 22px; display: block; border-radius: 19px 18px 5px 7px; background: linear-gradient(150deg,#2d3445,#0b101b 72%); transform: rotate(2deg); }
.dmgw__korea-hair::before { content: ""; position: absolute; top: 8px; left: 2px; width: 13px; height: 18px; border-radius: 3px 11px 5px 8px; background: #0b101b; transform: rotate(-9deg); }
.dmgw__korea-hair em { position: absolute; z-index: 2; top: 6px; width: 18px; height: 7px; border-radius: 50%; border-top: 2px solid rgba(255,255,255,.12); }.dmgw__korea-hair em:nth-child(1) { right: 5px; transform: rotate(18deg); }.dmgw__korea-hair em:nth-child(2) { right: 14px; top: 2px; transform: rotate(28deg); opacity: .55; }
.dmgw__korea-brow { position: absolute; z-index: 9; top: 17px; width: 10px; height: 2px; border-radius: 99px; background: #3b2525; }.dmgw__korea-brow--r { right: 6px; transform: rotate(-5deg); }.dmgw__korea-brow--l { left: 6px; transform: rotate(5deg); }
.dmgw__korea-eye { position: absolute; z-index: 8; top: 21px; width: 7px; height: 3px; border-bottom: 2px solid #1b2029; border-radius: 0 0 8px 8px; animation: dmgwKoreaBlink 3.1s ease-in-out infinite paused; }.dmgw.is-inview .dmgw__korea-eye { animation-play-state: running; }.dmgw__korea-eye--r { right: 7px; }.dmgw__korea-eye--l { left: 7px; }
.dmgw__korea-nose { position: absolute; top: 22px; right: 16px; width: 4px; height: 7px; border-right: 1px solid rgba(83,41,35,.4); border-bottom: 1px solid rgba(83,41,35,.4); border-radius: 0 0 4px 0; }
.dmgw__korea-smile { position: absolute; right: 12px; bottom: 5px; width: 12px; height: 5px; border-bottom: 2px solid #7e3d46; border-radius: 0 0 12px 12px; }
.dmgw__korea-earpiece { position: absolute; z-index: 10; top: 23px; left: -4px; width: 7px; height: 11px; border: 1px solid rgba(255,255,255,.25); border-radius: 5px; background: #35c9f1; box-shadow: 0 0 7px rgba(53,201,241,.45); }.dmgw__korea-earpiece em { position: absolute; top: 7px; left: 2px; width: 1px; height: 8px; background: #35c9f1; transform: rotate(-21deg); transform-origin: top; }
.dmgw__korea-frame { position: absolute; z-index: 8; right: 5px; bottom: 8px; width: 13px; height: 17px; display: block; border: 2px solid var(--dmgw-accent); border-radius: 4px; opacity: .78; animation: dmgwKoreaFrame 2.3s ease-in-out infinite paused; }.dmgw.is-inview .dmgw__korea-frame { animation-play-state: running; }.dmgw__korea-frame em { position: absolute; left: -2px; width: 3px; height: 3px; border-radius: 1px; background: #07101e; }.dmgw__korea-frame em:nth-child(1) { top: 2px; }.dmgw__korea-frame em:nth-child(2) { bottom: 2px; }
.dmgw__korea-glint { position: absolute; z-index: 9; top: 7px; left: 7px; width: 6px; height: 6px; background: var(--dmgw-second); clip-path: polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%); animation: dmgwKoreaGlint 2s ease-in-out infinite paused; }.dmgw.is-inview .dmgw__korea-glint { animation-play-state: running; }

/* China: an original wuxia hero with a hair pin, robe and wind ribbon. */
.dmgw__character--china { overflow: visible; animation: dmgwChinaPoise 3.2s ease-in-out infinite paused; }
.dmgw.is-inview .dmgw__character--china { animation-play-state: running; }
.dmgw__china-robe { position: absolute; z-index: 2; right: 11px; bottom: 4px; width: 48px; height: 25px; border: 1px solid rgba(255,255,255,.13); border-radius: 20px 20px 7px 7px; background: linear-gradient(145deg,#be263a,#5b1228); clip-path: polygon(5% 100%,13% 18%,39% 0,50% 48%,61% 0,87% 18%,96% 100%); }
.dmgw__china-robe::after { content: ""; position: absolute; top: 7px; right: 22px; width: 1px; height: 17px; background: rgba(255,210,99,.55); transform: rotate(-5deg); }
.dmgw__china-face { position: absolute; z-index: 4; top: 14px; right: 18px; width: 36px; height: 41px; display: block; border: 1px solid rgba(255,255,255,.13); border-radius: 14px 14px 18px 18px; background: linear-gradient(145deg,#d99a76,#ac664e); box-shadow: inset 0 2px rgba(255,255,255,.14),0 7px 12px rgba(0,0,0,.22); }
.dmgw__china-hair { position: absolute; z-index: 8; top: -7px; right: -3px; width: 41px; height: 19px; display: block; border-radius: 18px 18px 5px 5px; background: linear-gradient(145deg,#28252d,#0d0f17); }
.dmgw__china-hair::after { content: ""; position: absolute; top: 8px; right: 0; width: 9px; height: 25px; border-radius: 7px 2px 8px 5px; background: #0d0f17; transform: rotate(4deg); }
.dmgw__china-hair em { position: absolute; top: -9px; right: 13px; width: 15px; height: 13px; border: 1px solid rgba(255,255,255,.12); border-radius: 9px 9px 5px 5px; background: #151620; }.dmgw__china-hair small { position: absolute; top: -12px; right: 17px; width: 7px; height: 8px; border-radius: 5px; background: #b92539; }
.dmgw__china-pin { position: absolute; z-index: 10; top: -8px; right: 4px; width: 35px; height: 2px; border-radius: 99px; background: #ffd263; box-shadow: 0 1px rgba(80,34,10,.4); transform: rotate(-7deg); }.dmgw__china-pin::after { content: ""; position: absolute; top: -2px; left: -1px; width: 6px; height: 6px; border-radius: 50%; background: #ff513f; }
.dmgw__china-brow { position: absolute; z-index: 9; top: 16px; width: 10px; height: 2px; border-radius: 99px; background: #392522; }.dmgw__china-brow--r { right: 6px; transform: rotate(8deg); }.dmgw__china-brow--l { left: 6px; transform: rotate(-8deg); }
.dmgw__china-eye { position: absolute; z-index: 8; top: 21px; width: 7px; height: 3px; border-bottom: 2px solid #1e2026; border-radius: 0 0 8px 8px; animation: dmgwChinaBlink 3.2s ease-in-out infinite paused; }.dmgw.is-inview .dmgw__china-eye { animation-play-state: running; }.dmgw__china-eye--r { right: 7px; }.dmgw__china-eye--l { left: 7px; }
.dmgw__china-nose { position: absolute; top: 22px; right: 16px; width: 4px; height: 7px; border-right: 1px solid rgba(82,39,32,.4); border-bottom: 1px solid rgba(82,39,32,.4); border-radius: 0 0 4px 0; }
.dmgw__china-mouth { position: absolute; right: 12px; bottom: 6px; width: 12px; height: 4px; border-top: 2px solid #6e3338; border-radius: 50% 50% 0 0; }
.dmgw__china-ribbon { position: absolute; z-index: 3; top: 7px; left: -3px; width: 26px; height: 18px; display: block; transform-origin: right center; animation: dmgwChinaRibbon 1.9s ease-in-out infinite paused; }.dmgw.is-inview .dmgw__china-ribbon { animation-play-state: running; }.dmgw__china-ribbon em { position: absolute; right: 0; width: 27px; height: 5px; border-radius: 6px 1px 7px 2px; background: #e92c42; transform: rotate(-12deg); }.dmgw__china-ribbon em:nth-child(2) { top: 7px; width: 21px; background: #9f142c; transform: rotate(-22deg); }
.dmgw__china-seal { position: absolute; z-index: 9; right: 6px; top: 8px; width: 9px; height: 9px; border: 1px solid #ffe39a; border-radius: 3px; background: #d92a3d; transform: rotate(8deg); animation: dmgwChinaSeal 2.4s ease-in-out infinite paused; }.dmgw.is-inview .dmgw__china-seal { animation-play-state: running; }

.dmgw__tools { flex: 0 0 auto; display: flex; align-items: center; gap: 9px; }
.dmgw__all { height: 44px; padding: 0 14px; display: inline-flex; align-items: center; gap: 8px; color: #c8cddd; border: 1px solid rgba(255,255,255,.08); border-radius: 15px; background: rgba(4,9,18,.54); font-size: 11px; font-weight: 850; transition: color .18s ease,border-color .18s ease,background .18s ease,transform .18s ease; }
.dmgw__all svg { width: 16px; }
.dmgw__nav { height: 44px; padding: 3px; display: flex; align-items: center; gap: 3px; border: 1px solid rgba(255,255,255,.08); border-radius: 15px; background: rgba(3,8,17,.56); box-shadow: inset 0 1px rgba(255,255,255,.04); direction: rtl; }
.dmgw__nav button { width: 36px; height: 36px; padding: 0; display: grid; place-items: center; color: #aab4c4; border: 1px solid transparent; border-radius: 12px; outline: 0; background: transparent; cursor: pointer; transition: transform .18s cubic-bezier(.2,.82,.24,1),color .18s ease,border-color .18s ease,background .18s ease; }
.dmgw__nav button svg { width: 18px; height: 18px; }
.dmgw__nav button:disabled { opacity: .25; cursor: default; }
.dmgw__nav button:focus-visible,.dmgw__all:focus-visible,.dmgw__card:focus-visible,.dmgw__archive-card:focus-visible { outline: 2px solid var(--dmgw-accent); outline-offset: 2px; }

.dmgw__rail { display: flex; align-items: stretch; gap: var(--dmgw-gap); padding: 3px 2px 12px; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x proximity; scrollbar-width: none; overscroll-behavior-inline: contain; touch-action: pan-x pan-y; cursor: grab; }
.dmgw__rail::-webkit-scrollbar { display: none; }
.dmgw__rail.is-dragging { cursor: grabbing; scroll-snap-type: none; user-select: none; }
.dmgw__item { flex: 0 0 calc((100% - 48px)/var(--dmgw-view)); width: calc((100% - 48px)/var(--dmgw-view)); min-width: 245px; scroll-snap-align: start; contain: layout paint style; }
.dmgw__archive-item { display: none; }
.dmgw__card { position: relative; width: 100%; aspect-ratio: 2/3; min-height: 390px; display: block; overflow: hidden; border: 1px solid rgba(255,255,255,.095); border-radius: 25px; background: #091221; box-shadow: 0 14px 31px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.055); isolation: isolate; transform: translateZ(0); transition: transform .25s cubic-bezier(.2,.82,.24,1),border-color .22s ease,box-shadow .25s ease; }
.dmgw__card::after { content: ""; position: absolute; z-index: 8; right: 0; bottom: 0; left: 0; height: 2px; opacity: .7; background: linear-gradient(90deg,transparent,var(--dmgw-accent),var(--dmgw-second),transparent); transform: scaleX(.45); transition: transform .28s ease,opacity .2s ease; }
.dmgw__poster { position: absolute; inset: 0; display: block; overflow: hidden; }
.dmgw__image { width: 100%; height: 100%; display: block; object-fit: cover; object-position: center 22%; background: linear-gradient(145deg,#1b2c46,#0a111f 58%,#3c1634); transform: translateZ(0) scale(1.002); transition: transform .48s cubic-bezier(.2,.82,.24,1),filter .3s ease; }
.dmgw__image--empty::after { content: "DM"; position: absolute; inset: 0; display: grid; place-items: center; color: rgba(255,255,255,.08); font: 950 50px/1 Arial,sans-serif; }
.dmgw__veil { position: absolute; inset: 0; background: linear-gradient(180deg,rgba(4,8,16,.04),rgba(4,9,18,.08) 35%,rgba(5,11,22,.74) 68%,#060d1a 100%),linear-gradient(90deg,rgba(var(--dmgw-accent-rgb),.08),transparent 60%); pointer-events: none; }
.dmgw__topline { position: absolute; z-index: 4; top: 11px; right: 11px; left: 11px; display: flex; align-items: center; justify-content: space-between; gap: 8px; pointer-events: none; }
.dmgw__topline small,.dmgw__topline b { min-height: 27px; padding: 4px 8px; display: inline-flex; align-items: center; gap: 5px; color: #fff; border: 1px solid rgba(255,255,255,.12); border-radius: 10px; background: rgba(5,11,22,.82); box-shadow: inset 0 1px rgba(255,255,255,.05); font-size: 8.5px; font-weight: 900; white-space: nowrap; }
.dmgw__topline small { color: var(--dmgw-accent); border-color: rgba(var(--dmgw-accent-rgb),.3); }
.dmgw__topline b { direction: ltr; }.dmgw__topline b svg { width: 12px; color: #ffd66b; fill: currentColor; stroke: none; }
.dmgw__card-decor { position: absolute; z-index: 3; top: 52px; left: 12px; width: 34px; height: 47px; opacity: .75; pointer-events: none; }
.dmgw__card-decor i { position: absolute; display: block; background: var(--dmgw-accent); transition: transform .28s ease,opacity .2s ease; }
.dmgw--action .dmgw__card-decor i { width: 4px; height: 15px; border-radius: 4px; transform: rotate(36deg); }
.dmgw--action .dmgw__card-decor i:nth-child(1) { top: 1px; left: 6px; }.dmgw--action .dmgw__card-decor i:nth-child(2) { top: 15px; left: 17px; height: 10px; background: var(--dmgw-second); }.dmgw--action .dmgw__card-decor i:nth-child(3) { top: 31px; left: 4px; height: 7px; opacity: .55; }
.dmgw--india .dmgw__card-decor i { border-radius: 8px 2px 8px 2px; transform: rotate(30deg); }.dmgw--india .dmgw__card-decor i:nth-child(1) { top: 0; left: 4px; width: 8px; height: 12px; }.dmgw--india .dmgw__card-decor i:nth-child(2) { top: 17px; left: 18px; width: 6px; height: 9px; background: var(--dmgw-second); }.dmgw--india .dmgw__card-decor i:nth-child(3) { top: 31px; left: 3px; width: 5px; height: 8px; background: #ff526d; }
.dmgw--korea .dmgw__card-decor i { width: 10px; height: 13px; border: 2px solid var(--dmgw-accent); border-radius: 4px; background: transparent; transform: rotate(8deg); }.dmgw--korea .dmgw__card-decor i:nth-child(1) { top: 0; left: 3px; }.dmgw--korea .dmgw__card-decor i:nth-child(2) { top: 15px; left: 17px; width: 7px; height: 9px; border-color: var(--dmgw-second); transform: rotate(-7deg); }.dmgw--korea .dmgw__card-decor i:nth-child(3) { top: 31px; left: 4px; width: 5px; height: 5px; border: 0; border-radius: 50%; background: var(--dmgw-accent); }
.dmgw--china .dmgw__card-decor i { width: 8px; height: 8px; border: 1px solid rgba(255,255,255,.26); border-radius: 2px; background: var(--dmgw-accent); transform: rotate(45deg); }.dmgw--china .dmgw__card-decor i:nth-child(1) { top: 2px; left: 5px; }.dmgw--china .dmgw__card-decor i:nth-child(2) { top: 18px; left: 18px; width: 6px; height: 6px; background: var(--dmgw-second); }.dmgw--china .dmgw__card-decor i:nth-child(3) { top: 33px; left: 4px; width: 5px; height: 5px; opacity: .62; }
.dmgw__content { position: absolute; z-index: 5; right: 14px; bottom: 14px; left: 14px; min-width: 0; display: flex; flex-direction: column; align-items: flex-start; }
.dmgw__content > small { margin-bottom: 4px; color: var(--dmgw-accent); font-size: 9px; font-weight: 900; }
.dmgw__content > strong { width: 100%; min-height: 46px; display: -webkit-box; overflow: hidden; color: #fff; font-size: 16px; font-weight: 950; line-height: 1.55; letter-spacing: -.3px; text-shadow: 0 2px 8px rgba(0,0,0,.72); -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.dmgw__watch { position: relative; isolation: isolate; width: 100%; min-height: 47px; margin-top: 9px; padding: 0 16px; display: inline-flex; align-items: center; justify-content: center; gap: 9px; overflow: hidden; color: #fff; border: 1px solid rgba(var(--dmgw-accent-rgb),.42); border-radius: 14px; background: radial-gradient(circle at 86% -35%,rgba(255,255,255,.2),transparent 42%),linear-gradient(135deg,rgba(var(--dmgw-accent-rgb),.36),rgba(var(--dmgw-accent-rgb),.12)); box-shadow: inset 0 1px rgba(255,255,255,.13),0 8px 20px rgba(var(--dmgw-accent-rgb),.12); font-size: 13px; font-weight: 800; line-height: 1; transition: transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease; }
.dmgw__watch::before { content: ""; position: absolute; z-index: -1; top: 2px; right: 15%; left: 15%; height: 1px; border-radius: 99px; background: linear-gradient(90deg,transparent,rgba(255,255,255,.68),transparent); opacity: .64; }
.dmgw__watch svg { width: 17px; height: 17px; flex: 0 0 17px; fill: currentColor; stroke: none; filter: drop-shadow(0 2px 5px rgba(var(--dmgw-accent-rgb),.34)); transition: transform .2s ease; }
.dmgw__watch > i { position: absolute; z-index: -1; top: -35%; bottom: -35%; left: -22%; width: 14%; background: linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent); opacity: 0; transform: skewX(-18deg) translateX(-220%); pointer-events: none; }
.dmgw.is-inview .dmgw__watch > i { animation: dmgwWatchShine 4.8s ease-in-out infinite; }

@media (hover:hover) and (pointer:fine) {
    .dmgw__all:hover { color: #fff; border-color: rgba(var(--dmgw-accent-rgb),.36); background: rgba(var(--dmgw-accent-rgb),.11); transform: translateY(-2px); }
    .dmgw__nav button:not(:disabled):hover { color: #fff; border-color: rgba(var(--dmgw-accent-rgb),.28); background: rgba(var(--dmgw-accent-rgb),.13); transform: translateY(-1px); }
    .dmgw__card:hover { border-color: rgba(var(--dmgw-accent-rgb),.34); box-shadow: 0 19px 38px rgba(0,0,0,.34),0 0 0 1px rgba(var(--dmgw-accent-rgb),.08); transform: translateY(-5px); }
    .dmgw__card:hover::after { opacity: 1; transform: scaleX(1); }
    .dmgw__card:hover .dmgw__image { transform: translateZ(0) scale(1.035); }
    .dmgw__card:hover .dmgw__watch { border-color: rgba(var(--dmgw-accent-rgb),.62); background: rgba(var(--dmgw-accent-rgb),.3); box-shadow: inset 0 1px rgba(255,255,255,.16),0 11px 24px rgba(var(--dmgw-accent-rgb),.18); transform: translateY(-2px); }
    .dmgw__card:hover .dmgw__watch svg { transform: translateY(2px); }
    .dmgw__card:hover .dmgw__card-decor i:nth-child(1) { transform: translate3d(1px,-3px,0) rotate(36deg); }
    .dmgw__card:hover .dmgw__card-decor i:nth-child(2) { transform: translate3d(-2px,-4px,0) rotate(36deg); }
}

@keyframes dmgwAgentReady { 0%,100% { transform: translate3d(0,0,0) rotate(0); } 45% { transform: translate3d(0,-3px,0) rotate(-1.2deg); } 54% { transform: translate3d(0,-2px,0) rotate(.7deg); } }
@keyframes dmgwVisorScan { 0%,20% { transform: translateX(45px); opacity: 0; } 38%,65% { opacity: .9; } 82%,100% { transform: translateX(-12px); opacity: 0; } }
@keyframes dmgwMaskBreath { 0%,100% { opacity: .3; transform: scaleX(.72); } 50% { opacity: .9; transform: scaleX(1); } }
@keyframes dmgwWatchShine { 0%,72% { opacity: 0; transform: skewX(-18deg) translateX(-220%); } 77% { opacity: .72; } 90%,100% { opacity: 0; transform: skewX(-18deg) translateX(950%); } }
@keyframes dmgwAgentScarf { 0%,100% { transform: rotate(-4deg) scaleX(.94); } 50% { transform: rotate(7deg) scaleX(1.08); } }
@keyframes dmgwAgentSignal { 0%,100% { opacity: .22; transform: scale(.72); } 50% { opacity: 1; transform: scale(1.12); } }
@keyframes dmgwIndiaNod { 0%,100% { transform: translate3d(0,0,0) rotate(0); } 45% { transform: translate3d(0,-3px,0) rotate(1.5deg); } 55% { transform: translate3d(0,-2px,0) rotate(-1deg); } }
@keyframes dmgwJewelPulse { 0%,100% { opacity: .72; transform: scale(.9); } 50% { opacity: 1; transform: scale(1.18); } }
@keyframes dmgwIndiaBlink { 0%,42%,47%,100% { transform: scaleY(1); } 45% { transform: scaleY(.12); } }
@keyframes dmgwPetalFloat { 0%,100% { opacity: .42; transform: translate3d(0,0,0) rotate(28deg); } 50% { opacity: 1; transform: translate3d(0,-4px,0) rotate(50deg); } }
@keyframes dmgwKoreaPose { 0%,100% { transform: translate3d(0,0,0) rotate(0); } 44% { transform: translate3d(0,-3px,0) rotate(-1deg); } 54% { transform: translate3d(0,-2px,0) rotate(1deg); } }
@keyframes dmgwKoreaBlink { 0%,45%,49%,100% { transform: scaleY(1); } 47% { transform: scaleY(.12); } }
@keyframes dmgwKoreaFrame { 0%,100% { opacity: .55; transform: translate3d(0,0,0) rotate(0); } 50% { opacity: 1; transform: translate3d(0,-3px,0) rotate(-4deg); } }
@keyframes dmgwKoreaGlint { 0%,100% { opacity: .22; transform: rotate(0) scale(.72); } 50% { opacity: 1; transform: rotate(90deg) scale(1.16); } }
@keyframes dmgwChinaPoise { 0%,100% { transform: translate3d(0,0,0) rotate(0); } 48% { transform: translate3d(0,-3px,0) rotate(1deg); } 58% { transform: translate3d(0,-2px,0) rotate(-.8deg); } }
@keyframes dmgwChinaBlink { 0%,43%,47%,100% { transform: scaleY(1); } 45% { transform: scaleY(.12); } }
@keyframes dmgwChinaRibbon { 0%,100% { transform: rotate(2deg) scaleX(.92); } 50% { transform: rotate(-8deg) scaleX(1.08); } }
@keyframes dmgwChinaSeal { 0%,100% { opacity: .55; transform: rotate(8deg) scale(.88); } 50% { opacity: 1; transform: rotate(-3deg) scale(1.08); } }

@media (max-width:1100px) and (min-width:768px) {
    .dmgw__item { flex-basis: calc((100% - 32px)/3.25); width: calc((100% - 32px)/3.25); min-width: 225px; }
    .dmgw__card { min-height: 355px; }
}

@media (max-width:767px) {
    .dmgw { --dmgw-width: min(calc(var(--dmui-page-width,100vw) - 18px),430px); --dmgw-gap: 10px; margin-block: 27px; }
    .dmgw::before { top: 7px; left: 2px; width: 88px; height: 56px; opacity: .09; }
    .dmgw--india::before,.dmgw--korea::before { right: auto; left: 2px; }
    .dmgw__header { min-height: 69px; margin-bottom: 13px; gap: 9px; }
    .dmgw__heading { gap: 8px; }
    .dmgw__character { width: 57px; height: 57px; flex-basis: 57px; border-radius: 18px; transform-origin: right center; margin-left: -4px; }
    .dmgw__action-head,.dmgw__india-face,.dmgw__korea-face,.dmgw__china-face { right: 12px; }
    .dmgw__india-ear--r { right: 7px; }.dmgw__india-ear--l { left: 6px; }
    .dmgw__heading-copy > small { font-size: 6.8px; letter-spacing: 1px; }
    .dmgw__heading h2 { font-size: 18px; line-height: 1.35; }
    .dmgw__heading p { max-width: 178px; overflow: hidden; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
    .dmgw__all { display: none; }
    .dmgw__nav { height: 40px; }
    .dmgw__nav button { width: 32px; height: 32px; }.dmgw__nav button svg { width: 16px; }
    .dmgw__item { flex: 0 0 calc(100%/var(--dmgw-view)); width: calc(100%/var(--dmgw-view)); min-width: 0; }
    .dmgw__card { aspect-ratio: 2/3; min-height: 0; border-radius: 21px; }
    .dmgw__topline { top: 9px; right: 9px; left: 9px; }.dmgw__topline small,.dmgw__topline b { min-height: 24px; padding-inline: 7px; font-size: 7.5px; }
    .dmgw__card-decor { top: 45px; left: 8px; transform: scale(.86); transform-origin: top left; }
    .dmgw__content { right: 11px; bottom: 11px; left: 11px; }.dmgw__content > strong { min-height: 40px; font-size: 13.5px; }
    .dmgw__watch { min-height: 45px; margin-top: 7px; padding-inline: 13px; border-radius: 13px; font-size: 12px; font-weight: 800; }
    .dmgw__archive-item { display: block; }
    .dmgw__archive-card { position: relative; width: 100%; aspect-ratio: 2/3; min-height: 0; padding: 22px 13px 16px; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; overflow: hidden; border: 1px solid rgba(var(--dmgw-accent-rgb),.32); border-radius: 21px; color: #fff; background: radial-gradient(circle at 50% 18%,rgba(var(--dmgw-accent-rgb),.25),transparent 43%),linear-gradient(155deg,#172a47,#07101f 73%); box-shadow: inset 0 1px rgba(255,255,255,.08),0 14px 30px rgba(0,0,0,.24); text-align: center; }
    .dmgw__archive-card::before { content: ""; position: absolute; inset: 0; opacity: .13; background-image: radial-gradient(circle,rgba(255,255,255,.92) 1px,transparent 1.35px); background-size: 15px 15px; -webkit-mask-image: linear-gradient(180deg,#000,transparent 63%); mask-image: linear-gradient(180deg,#000,transparent 63%); pointer-events: none; }
    .dmgw__archive-card::after { content: ""; position: absolute; right: 14%; bottom: 0; left: 14%; height: 2px; border-radius: 99px; background: linear-gradient(90deg,transparent,var(--dmgw-accent),var(--dmgw-second),transparent); box-shadow: 0 0 12px rgba(var(--dmgw-accent-rgb),.58); }
    .dmgw__archive-symbol { position: absolute; z-index: 1; top: 30px; right: 50%; width: 78px; height: 78px; border: 1px solid rgba(255,255,255,.15); border-radius: 25px; background: linear-gradient(145deg,rgba(var(--dmgw-accent-rgb),.9),rgba(var(--dmgw-accent-rgb),.34)); box-shadow: inset 0 1px rgba(255,255,255,.22),0 12px 25px rgba(0,0,0,.24); transform: translateX(50%) rotate(4deg); }
    .dmgw__archive-symbol i { position: absolute; top: 24px; width: 8px; height: 10px; border-radius: 50%; background: #fff; }.dmgw__archive-symbol i:nth-child(1) { right: 19px; }.dmgw__archive-symbol i:nth-child(2) { left: 19px; }
    .dmgw__archive-symbol b { position: absolute; right: 27px; bottom: 19px; width: 23px; height: 8px; border-bottom: 3px solid #fff; border-radius: 0 0 17px 17px; }
    .dmgw--action .dmgw__archive-symbol b { border-top: 3px solid #fff; border-bottom: 0; border-radius: 50% 50% 0 0; }
    .dmgw__archive-symbol em { position: absolute; top: -6px; left: -5px; width: 15px; height: 15px; border: 3px solid var(--dmgw-second); border-radius: 5px; transform: rotate(18deg); }
    .dmgw__archive-card > small,.dmgw__archive-card > strong,.dmgw__archive-card > span:last-child { position: relative; z-index: 2; }
    .dmgw__archive-card > small { margin-bottom: 4px; color: var(--dmgw-accent); font-size: 8px; font-weight: 850; }
    .dmgw__archive-card > strong { color: #fff; font-size: 14px; font-weight: 950; line-height: 1.5; }
    .dmgw__archive-card > span:last-child { min-height: 35px; margin-top: 11px; padding: 0 11px; display: inline-flex; align-items: center; gap: 7px; border: 1px solid rgba(255,255,255,.13); border-radius: 12px; background: rgba(255,255,255,.055); font-size: 9px; font-weight: 900; }
    .dmgw__archive-card > span:last-child svg { width: 14px; }
}

@media (max-width:390px) {
    .dmgw__item { flex-basis: 76%; width: 76%; }
}

.dmgw.is-observed:not(.is-inview) .dmgw__character,
.dmgw.is-observed:not(.is-inview) .dmgw__character *,
.dmgw.is-observed:not(.is-inview) .dmgw__character *::before,
.dmgw.is-observed:not(.is-inview) .dmgw__character *::after {
    animation-play-state: paused !important;
}

html.dmui-low-power .dmgw__character,
html.dmui-low-power .dmgw__character *,
html.dmui-low-power .dmgw__character *::before,
html.dmui-low-power .dmgw__character *::after,
html.dmui-low-power .dmgw__card,
html.dmui-low-power .dmgw__image,
html.dmui-low-power .dmgw__card-decor i,
html.dmui-low-power .dmgw__watch,
html.dmui-low-power .dmgw__watch > i { animation: none !important; transition-duration: .01ms !important; }

@media (prefers-reduced-motion:reduce) {
    .dmgw *,.dmgw *::before,.dmgw *::after { animation: none !important; transition-duration: .01ms !important; }
}
