/* Feature art retains its native aspect. Light fields belong to the whole phone. */
html[data-layout="portrait"] .feature-stage .feature-movie { inset:auto; left:50%; top:49%; width:98%; height:auto; max-height:78%; translate:-50% -50%; object-fit:contain; }
html[data-layout="portrait"] .fly-transition-energy-wash { inset:0 -30%; }
html[data-layout="portrait"] .fly-transition-lightning { left:0; top:4%; width:100%; height:92%; }
html[data-layout="portrait"] .fly-transition-dragon { --fly-width:98%; top:47%; }
html[data-layout="portrait"] .fly-transition-dragon[data-flight="left"] { --fly-x:28%; --fly-width:56%; }
html[data-layout="portrait"] .fly-transition-dragon[data-flight="right"] { --fly-x:72%; --fly-width:56%; }
html[data-layout="portrait"] .fly-transition-fire { top:86%; }
html[data-layout="portrait"] .screen-flash { background:radial-gradient(ellipse at 50% 48%,#fffde8 0,#ff9c2466 34%,transparent 82%); }
html[data-layout="portrait"] .big-win { inset:0; }
html[data-layout="portrait"] .big-win-backdrop { background:radial-gradient(ellipse at 50% 51%,#412111cc 0,#08111dee 60%,#010308f5 100%); }
html[data-layout="portrait"] .big-win-rays {
  top:50%; width:260cqw; height:260cqw; aspect-ratio:1;
  -webkit-mask-image:radial-gradient(circle,transparent 0 9%,#000 20%,#000b 43%,transparent 69%);
  mask-image:radial-gradient(circle,transparent 0 9%,#000 20%,#000b 43%,transparent 69%);
}
html[data-layout="portrait"] .big-win-radiance { top:50%; width:170cqw; height:125cqh; scale:1; }
html[data-layout="portrait"] .big-win-radiance::before { filter:blur(.5cqw); }
html[data-layout="portrait"] .big-win-rear-storm { object-fit:cover; object-position:50% 50%; }
html[data-layout="portrait"] .big-win-rear-flash { top:50%; width:200cqw; height:140cqh; }
html[data-layout="portrait"] .big-win-impact-ring { top:50%; width:24cqw; border-width:.35cqw; }
html[data-layout="portrait"] #big-win-art { left:50%; top:50%; width:100cqw; height:61.298377cqw; object-fit:contain; }
html[data-layout="portrait"] .big-win-tier-glyphs {
  --big-win-glyph-size:min(11cqw,calc(84cqw / var(--big-win-glyph-count)));
  top:calc(50% + 3.831149cqw); width:84%; height:12cqw;
}
html[data-layout="portrait"] .big-win-value-glyphs {
  --big-win-glyph-size:min(10.7cqw,calc(45cqw / var(--big-win-glyph-count)));
  top:calc(50% + 18.0076cqw); width:50%; height:12cqw;
}
html[data-layout="portrait"] .big-win small { width:90%; bottom:7%; text-align:center; font-size:3cqw; line-height:1.4; letter-spacing:.12em; }
html[data-layout="portrait"] .big-win-scene-particle--coin { width:calc(6cqw + var(--big-win-stream-size-add)); }
html[data-layout="portrait"] .big-win-scene-particle--gem { width:calc(6.8cqw + var(--big-win-stream-size-add)); }
html[data-layout="portrait"] .big-win-scene-arc { height:3.5cqh; }
html[data-layout="portrait"] .bonus-spins-popup::before { top:50%; width:165cqw; height:115cqh; }
html[data-layout="portrait"] .bonus-spins-popup-art { top:50%; width:100cqw; height:56.279904cqw; object-fit:contain; }
html[data-layout="portrait"] .bonus-spins-popup-title-glyphs {
  --big-win-glyph-size:min(7cqw,calc(56cqw / var(--big-win-glyph-count)));
  top:calc(50% + 6.2cqw); width:62%; height:7cqw;
}
html[data-layout="portrait"] .bonus-spins-popup-value-glyphs {
  --big-win-glyph-size:min(11cqw,calc(28cqw / var(--big-win-glyph-count)));
  top:calc(50% - .5cqw); width:32%; height:12cqw;
}
html[data-layout="portrait"] .bonus-spins-popup[data-variant="retrigger"] .bonus-spins-popup-value-glyphs { top:calc(50% + 1.493221cqw); }
html[data-layout="portrait"] .bonus-spins-popup[data-variant="retrigger"] .bonus-spins-popup-title-glyphs { top:calc(50% + 9.06848cqw); }
/* The doors cover the whole phone with the original proportions and central seam retained. */
html[data-layout="portrait"] .dragon-door-leaf img { object-fit:cover; object-position:50% 50%; }
html[data-layout="portrait"] .door-collision-orb { left:50%; top:54.941552%; width:22.9324cqw; }
html[data-layout="portrait"] .bonus-end-award {
  top:calc(50% - 30.617978cqw); width:100cqw; height:61.235955cqw;
  transform:translate3d(-50%,calc(-100% - 100cqh),0);
  transition-duration:743ms;
}
html[data-layout="portrait"] .bonus-end-award::before,html[data-layout="portrait"] .bonus-end-award::after {
  content:""; position:absolute; z-index:-1; bottom:100%; width:6.991261cqw; height:110cqh;
  background-size:100% 7.615481cqw; background-position:center bottom; background-repeat:repeat-y; pointer-events:none;
}
html[data-layout="portrait"] .bonus-end-award::before { left:20.661673%; background-image:url('../assets/ui/mobile/portrait-award-chain-left.png'); }
html[data-layout="portrait"] .bonus-end-award::after { left:72.908864%; background-image:url('../assets/ui/mobile/portrait-award-chain-right.png'); }
html[data-layout="portrait"] .bonus-end-award.is-dropped { transform:translate3d(-50%,0,0); }
html[data-layout="portrait"] .bonus-end-award.is-rising { transform:translate3d(-50%,calc(-100% - 100cqh),0); transition-duration:1100ms; }
html[data-layout="portrait"] .bonus-end-title-glyphs {
  --big-win-glyph-size:min(5.6cqw,calc(52cqw / var(--big-win-glyph-count)));
  top:56.5%; width:56%; height:6cqw;
}
html[data-layout="portrait"] .bonus-end-value-glyphs {
  --big-win-glyph-size:min(7.8cqw,calc(48cqw / var(--big-win-glyph-count)));
  top:65.5%; width:52%; height:8.2cqw;
}
@media (prefers-reduced-motion:reduce) {
  html[data-layout="portrait"] .fly-transition-flight[data-profile="reduced"] .fly-transition-dragon { width:92%; }
  html[data-layout="portrait"] .bonus-end-award { transition:none !important; }
}