/* Shared full-device / enlarged-widget phases for current tutorial screens. */
.dui-guided-phone { position:relative; z-index:4; width:min(370px,calc((100svh - 235px)*.4875)); }
.tutorial-mobile-phase { display:none; }
.tutorial-player-root[data-phone-design="current"] .dui-guided-phone>.danta-device { width:100%; }
.dui-guided-phone .tutorial-focus-portal { font-family:var(--dui-font); color:var(--dui-ink); }
.dui-guided-phone .tutorial-focus-popover-content { background:transparent; }
.dui-guided-phone .tutorial-focus-popover-content,.dui-guided-phone .tutorial-focus-popover-content * { transition:none!important; }
.dui-guided-phone .tutorial-focus-popover-clone.dui-recharge-action { background:var(--dui-ink); }
.tutorial-player-root[data-phone-design="current"][data-guided-visual="true"] .tutorial-step:focus { outline:none; }
.dui-guided-phone .tutorial-focus-popover::before { background:var(--dui-paper); box-shadow:0 0 0 2px #2c99664d,0 26px 64px #0b301e50; }
.dui-guided-phone .tutorial-focus-popover-label { background:var(--dui-ink); font:700 9px/1.2 var(--dui-font); max-width:220px; }
.dui-guided-phone .tutorial-focus-indicator { box-shadow:0 0 0 2px #2c9966b3,0 0 0 999px #173f311c; border-radius:12px; }
.dui-guided-phone .tutorial-focus-indicator::after { background:var(--dui-ink); font:700 8px/1.2 var(--dui-font); }
.tutorial-player-root[data-active-phase="overview"] .dui-tutorial-screen.is-active.has-tutorial-focus .tutorial-focus-indicator { opacity:1; transform:none; }
.tutorial-player-root[data-focus-overlay="true"] .dui-guided-phone>.danta-device { filter:saturate(.7) brightness(.87); }
.tutorial-player-root[data-phone-design="current"][data-guided-visual="true"] .tutorial-step--guided { padding:0; }
@media(max-width:900px) {
  .dui-guided-phone { width:min(250px,calc(51svh * .4875)); }
  .tutorial-player-root[data-phone-design="current"][data-guided-visual="true"] .tutorial-phone-caption { display:none; }
  .tutorial-mobile-phase { display:block; margin-bottom:8px; color:var(--muted); font-size:.65rem; }
  .tutorial-player-root[data-phone-design="current"][data-guided-visual="true"] .tutorial-step-card-shell { padding:calc(var(--header-height) + 60svh) 0 12svh; }
}
@media(prefers-reduced-motion:reduce) {
  .dui-tutorial-screen,.dui-guided-phone>.danta-device { transition:none; }
}