/* Shared presentation chrome; document CSS owns the art inside each sheet. */
.toolbar{position:fixed;z-index:30;display:flex;align-items:center;gap:6px}
.toolbar a,.toolbar button{height:44px;min-height:44px;border:1px solid var(--ink,#1a1a1a);background:var(--ink,#1a1a1a);color:#fff;display:flex;align-items:center;justify-content:center;gap:9px;padding:0 15px;text-decoration:none;font:650 12px/1 Pretendard,Inter,sans-serif;border-radius:3px;cursor:pointer;touch-action:manipulation}
.toolbar a{background:var(--cyan,#2dccd3);color:var(--ink,#1a1a1a);border-color:var(--cyan,#2dccd3)}
.toolbar a svg{width:16px;height:16px}
.toolbar .view-switch{display:flex;align-items:center;gap:2px}
.toolbar .chapter-toggle{display:flex;align-items:center;gap:7px;white-space:nowrap;font-variant-numeric:tabular-nums}
.slash{color:#9da6a0}.menu-lines{display:block;width:12px;height:8px;border-top:1px solid;border-bottom:1px solid;margin-left:4px}
.chapter-menu{position:fixed;z-index:29;width:300px;max-height:min(76svh,640px);overflow-y:auto;overscroll-behavior:contain;background:#fff;color:var(--ink,#1a1a1a);border:1px solid #c4d0ca;border-radius:4px;box-shadow:0 12px 38px #13261c30;padding:12px}
.chapter-menu a{display:flex;align-items:baseline;gap:17px;min-height:44px;padding:11px;font-size:14px;line-height:1.45;word-break:keep-all;text-decoration:none;color:inherit;border-radius:2px}
.chapter-menu a:hover,.chapter-menu a[aria-current=true]{background:#e8f8f9}
.chapter-menu a span{flex:none;min-width:20px;font:12px Inter,sans-serif;color:#52635b}
.chapter-group + .chapter-group{margin-top:12px;border-top:1px solid var(--line,#c4d0ca);padding-top:12px}
.chapter-group h3{margin:5px 11px 7px;font-size:12px;color:#376366;font-weight:700}
.chapter-group.chapter-appendix{border-top:2px solid var(--ink,#1a1a1a);margin-top:16px;padding-top:16px}
.page-rail{display:none}
.toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:var(--ink,#1a1a1a);color:#fff;z-index:80;padding:14px 22px;border-radius:3px;font-size:14px;transition:.25s}
.toast.visible{transform:translate(-50%,0);opacity:1}
.slide{width:100%;height:100svh;min-height:500px;display:flex;align-items:center;justify-content:center;scroll-snap-align:start}
.sheet{width:100vw;max-width:calc(100svh * 16 / 9);aspect-ratio:16/9;position:relative;overflow:hidden;flex-shrink:0}
.video-controls{position:absolute;z-index:8;left:18px;bottom:18px;display:flex;align-items:center;gap:7px;color:#fff}
.video-controls button{width:44px;height:44px;display:grid;place-items:center;border:1px solid #ffffff7a;background:#15211ce0;color:#fff;border-radius:50%;padding:10px;cursor:pointer;touch-action:manipulation}
.video-controls button:hover{background:var(--cyan,#2dccd3);color:var(--ink,#1a1a1a);border-color:var(--cyan,#2dccd3)}
.video-controls svg,.phone-video-actions svg,.toolbar svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.svg-library{position:absolute;width:0;height:0;overflow:hidden}
.reading-progress{position:fixed;z-index:32;left:0;bottom:0;height:4px;width:100%;background:var(--cyan,#2dccd3);transform:scaleX(0);transform-origin:left;pointer-events:none}
.phone-video-dock{position:fixed;z-index:70;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));display:block;background:var(--paper,#fff);border:1px solid #9bbab9;border-radius:5px;padding:8px;box-shadow:0 5px 20px #17363530;color:var(--ink,#1a1a1a);font:500 12px/1.4 Pretendard,sans-serif}
.phone-video-dock[hidden]{display:none}
.phone-video-dock label{display:flex;align-items:center;gap:8px;white-space:nowrap}
.phone-video-dock select{font:inherit;min-width:0;width:100%;min-height:44px;border:0;background:#f1f7f6;color:var(--ink,#1a1a1a);border-radius:3px;padding:0 8px}
.phone-video-dock select:disabled{opacity:1;color:var(--ink,#1a1a1a);-webkit-text-fill-color:var(--ink,#1a1a1a)}
.phone-video-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:6px}
.phone-video-actions button{height:44px;min-width:44px;display:flex;align-items:center;justify-content:center;gap:5px;border:1px solid #b8cecc;background:#fff;color:var(--ink,#1a1a1a);border-radius:3px;font:600 12px/1.2 Pretendard,sans-serif;cursor:pointer}
.phone-video-actions button:first-child{background:var(--cyan,#2dccd3);border-color:var(--cyan,#2dccd3)}
.phone-video-actions button:hover{background:#d9f1f1}
.phone-video-dock :focus-visible,.video-controls button:focus-visible,.toolbar :focus-visible,.chapter-menu a:focus-visible{outline:2px solid #086c72;outline-offset:2px}
html[data-view="mobile"] .page-rail{display:none}
@media screen and (max-width:760px){
 html[data-view="pc"] .media-stage:not(:fullscreen) .video-play{display:none!important}
 html[data-view="pc"] .media-stage.dock-selected{outline:2px solid #0a686d;outline-offset:2px}
 html.has-video-dock [data-deck],html.has-video-dock #deck{padding-bottom:125px}
}
@media print{.toolbar,.chapter-menu,.page-rail,.toast,.video-controls,.reading-progress,.phone-video-dock{display:none!important}}

/* 보기 선택은 같은 장표의 배치만 바꾸며 인쇄에는 적용하지 않는다. */
@media print {
  /* 기존 배포 PDF와 동일한 고정 장표. */
  .sheet-top > span { display: none; }
}
@media screen {
  .toolbar {
    top: max(12px, env(safe-area-inset-top));
    left: 50%; right: auto; transform: translateX(-50%);
    width: max-content; max-width: calc(100% - 24px);
    display: flex; align-items: center; gap: 6px; padding: 6px;
    background: #fff; border: 1px solid #c4d0ca; border-radius: 5px;
    box-shadow: 0 4px 16px #13261c20;
  }
  .toolbar .view-switch { display: flex; gap: 2px; padding: 0; background: #eef2ef; border-radius: 3px; }
  .toolbar .view-switch button {
    min-height: 44px; height: 44px; min-width: 62px; padding: 0 13px;
    white-space: nowrap; font-size: 12px; font-weight: 650; box-shadow: none;
    background: transparent; color: var(--ink); border: 1px solid transparent;
  }
  .toolbar .view-switch button:hover { background: #d7efed; }
  .toolbar .view-switch button[aria-pressed="true"] { background: var(--ink); color: #fff; border-color: var(--ink); }
  .toolbar .chapter-toggle { background: #fff; color: var(--ink); border-color: #c4d0ca; box-shadow: none; height: 44px; }
  /* 페이지 상태는 키보드·스크린리더 검사를 위해 DOM에 남기고 상단 UI에는 표시하지 않는다. */
  .toolbar .chapter-toggle #page-current,
  .toolbar .chapter-toggle #page-total,
  .toolbar .chapter-toggle .slash { display: none; }
  .toolbar .pdf-link { height: 44px; box-shadow: none; }
  .chapter-menu { top: calc(max(12px, env(safe-area-inset-top)) + 66px); right: max(12px, calc((100vw - 460px) / 2)); }
  html.view-changing { scroll-behavior: auto !important; scroll-snap-type: none !important; }
  html[data-view="mobile"] { scroll-padding-top: calc(max(12px, env(safe-area-inset-top)) + 70px); }
  html[data-view="mobile"] body { background: #dce4e0; }
  html[data-view="mobile"] #deck { width: min(100%, 480px); margin-inline: auto; padding-top: calc(max(12px, env(safe-area-inset-top)) + 70px); }
  html[data-view="mobile"] .toolbar .pdf-link span { font-size: 12px; }
  html[data-view="mobile"] .toolbar .pdf-link span:after { content: none; }
}
@media screen and (max-width: 760px) {
  .toolbar { width: calc(100% - 24px); justify-content: space-between; gap: 4px; }
  .toolbar .view-switch { gap: 0; }
  .toolbar .view-switch button { font-size: 11px; min-width: 58px; padding-inline: 8px; }
  .toolbar .chapter-toggle { padding-inline: 7px; font-size: 11px; gap: 4px; }
  .toolbar .chapter-toggle .menu-lines { display: none; }
  .toolbar .pdf-link { padding-inline: 8px; gap: 5px; font-size: 11px; }
  .toolbar .pdf-link svg { width: 15px; height: 15px; }
  .toolbar .pdf-link span,
  html[data-view="mobile"] .toolbar .pdf-link span { font-size: 0; }
  .toolbar .pdf-link span:after,
  html[data-view="mobile"] .toolbar .pdf-link span:after { content: 'PDF'; font-size: 11px; }
  .chapter-menu { right: 12px; width: min(300px, calc(100vw - 24px)); }
  html[data-view="pc"] { scroll-snap-type: none; scroll-padding-top: calc(max(12px, env(safe-area-inset-top)) + 70px); }
  html[data-view="pc"] #deck { padding-top: calc(max(12px, env(safe-area-inset-top)) + 70px); }
  html[data-view="pc"] .slide { height: auto; min-height: 0; padding-bottom: 16px; }
  html[data-view="pc"] .sheet { width: 100%; max-width: none; aspect-ratio: 16 / 9; }
  html[data-view="pc"] .page-rail { display: none; }
}

/* Shared presentation chrome: stable space, one focused slide, both view modes. */
@media screen {
  /* The chrome is fixed above the deck. Keep it out of slide geometry so it
     can hide after idle without resizing or shrinking the current sheet. */
  html.deck-viewer-ready { scroll-padding:0!important; scroll-snap-type:y proximity!important; }
  html.deck-viewer-ready[data-view="pc"] { scroll-snap-type:y mandatory!important; }
  html.deck-viewer-ready .unified-deck { padding:0!important; }
  html.deck-viewer-ready .unified-deck>.slide { box-sizing:border-box; height:auto!important; min-height:100svh!important; padding:0!important; display:flex!important; align-items:center; justify-content:center; scroll-snap-align:start; scroll-snap-stop:always; }
  html.deck-viewer-ready[data-view="pc"] .unified-deck>.slide { height:100svh!important; }
  html.deck-viewer-ready[data-view="pc"] .unified-deck>.slide>.sheet { width:100%!important; max-width:calc(100svh * 16 / 9)!important; min-height:0!important; aspect-ratio:16/9!important; }
  html.deck-viewer-ready[data-view="mobile"] :is(#deck,#proposal).unified-deck>.slide>.sheet { min-height:100svh!important; }
  html.deck-viewer-ready .toolbar { top:max(12px,env(safe-area-inset-top)); left:50%; right:auto; width:max-content; max-width:calc(100% - 24px); transform:translate(-50%,0); gap:6px; padding:6px; border:1px solid #c4d0ca; border-radius:8px; background:#fff; color:#161918; box-shadow:0 4px 16px #13261c18; z-index:75; }
  html.deck-viewer-ready .toolbar button,html.deck-viewer-ready .toolbar a { height:44px; min-height:44px; min-width:44px; box-shadow:none; border-radius:4px; }
  html.deck-viewer-ready .toolbar [data-deck-fullscreen],html.deck-viewer-ready .toolbar [data-copy-slide] { background:#fff; color:#161918; border-color:transparent; padding:0 12px; }
  html.deck-viewer-ready .toolbar .pdf-link { background:#fff; color:#161918; border-color:transparent; }
  html.deck-viewer-ready .toolbar .view-switch button[aria-pressed="true"] { background:#d6f5f5; color:#075e63; border-color:#a6dddd; }
  html.deck-viewer-ready .toolbar [hidden] { display:none!important; }
  html.deck-viewer-ready .toolbar[hidden],html.deck-viewer-ready .deck-dock[hidden] { display:none!important; }
  html.deck-viewer-ready .page-rail,html.deck-viewer-ready .reading-progress { display:none!important; }
  html.deck-viewer-ready .media-stage:not(:fullscreen) .video-play { display:none!important; }
  html.deck-viewer-ready .media-stage.dock-selected { outline:none!important; }
  html.deck-viewer-ready .deck-dock { position:fixed; left:50%; right:auto; bottom:max(12px,env(safe-area-inset-bottom)); transform:translate(-50%,0); width:min(560px,calc(100% - 24px)); padding:6px 10px; border:1px solid #c4d0ca; border-radius:8px; background:#fff; color:#161918; box-shadow:0 5px 20px #17363520; z-index:75; }
  .deck-navigation { display:grid; grid-template-columns:72px minmax(0,1fr) 72px; align-items:center; gap:8px; }
  .deck-navigation>button { display:flex; align-items:center; justify-content:center; gap:5px; min-width:0; height:44px; padding:0 6px; border:0; border-radius:4px; background:transparent; color:#161918; font:650 12px/1.3 Pretendard,Inter,sans-serif; cursor:pointer; touch-action:manipulation; }
  .deck-navigation>button:disabled { opacity:.3; cursor:default; }
  .deck-navigation svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.7; }
  .deck-navigation .chapter-toggle { flex-direction:column; gap:2px; font-variant-numeric:tabular-nums; }
  .deck-page { font-size:13px; font-weight:750; color:#08787d; white-space:nowrap; }
  .deck-slide-title { display:block; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:11px; font-weight:500; }
  .deck-media-row { display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:4px 10px; border-top:1px solid #e0e7e4; margin-top:4px; padding-top:4px; }
  .deck-media-row[hidden],.deck-video-choice[hidden] { display:none!important; }
  .deck-dock .deck-video-choice { flex:1 1 100%; min-width:0; font-size:11px; }
  .deck-dock .deck-video-choice select { height:44px; min-height:44px; background:#f1f6f4; font-size:12px; }
  .deck-dock .phone-video-actions { display:flex; gap:4px; margin:0; }
  .deck-dock .phone-video-actions button { padding:0 12px; height:38px; min-height:38px; border:0; background:transparent; border-radius:4px; font-size:11px; }
  .deck-dock .phone-video-actions button:first-child { background:#d6f5f5; color:#075e63; }
  .deck-dock .phone-video-actions svg { width:17px; height:17px; }
  .deck-media-status { flex:1 1 100%; margin:0; color:#52615b; font-size:11px; line-height:1.4; text-align:center; }
  .deck-media-status:empty { display:none; }
  html.deck-viewer-ready .chapter-menu { top:auto; bottom:calc(208px + env(safe-area-inset-bottom,0px)); left:50%; right:auto; transform:translateX(-50%); width:min(440px,calc(100vw - 24px)); max-height:calc(100svh - 300px); overflow-y:auto; overscroll-behavior:contain; z-index:80; border-radius:8px; }
  html.deck-viewer-ready .toast { bottom:calc(218px + env(safe-area-inset-bottom,0px)); z-index:90; max-width:calc(100% - 32px); }
  html.deck-viewer-ready .toolbar,html.deck-viewer-ready .deck-dock { transition:transform 250ms cubic-bezier(.22,.61,.36,1),opacity 250ms,visibility 250ms; }
  html.deck-viewer-ready:not(.deck-top-visible) .toolbar { transform:translate(-50%,calc(-100% - 40px - env(safe-area-inset-top,0px))); opacity:0; visibility:hidden; pointer-events:none; }
  html.deck-viewer-ready:not(.deck-bottom-visible) .deck-dock { transform:translate(-50%,calc(100% + 40px + env(safe-area-inset-bottom,0px))); opacity:0; visibility:hidden; pointer-events:none; }
  .deck-dock button:focus-visible,.deck-dock select:focus-visible { outline:2px solid #08787d; outline-offset:2px; }
  @media (hover:hover) { .deck-navigation>button:not(:disabled):hover,.deck-dock .phone-video-actions button:hover,html.deck-viewer-ready .toolbar button:hover,html.deck-viewer-ready .toolbar a:hover { background:#e6f5f2; } }
}
@media screen and (max-width:760px) {
  html.deck-viewer-ready .toolbar { width:calc(100% - 24px); justify-content:space-between; gap:2px; padding:4px; }
  html.deck-viewer-ready .toolbar .view-switch button { min-width:62px; padding:0 7px; font-size:11px; }
  html.deck-viewer-ready .toolbar [data-deck-fullscreen],html.deck-viewer-ready .toolbar [data-copy-slide],html.deck-viewer-ready .toolbar .pdf-link { padding:0 8px; }
  html.deck-viewer-ready .toolbar [data-deck-fullscreen] span,html.deck-viewer-ready .toolbar [data-copy-slide] span { display:none; }
  html.deck-viewer-ready .toolbar .pdf-link span { display:none; }
  .deck-navigation { grid-template-columns:56px minmax(0,1fr) 56px; gap:4px; }
  .deck-dock .phone-video-actions { width:100%; justify-content:center; }
  .deck-dock .phone-video-actions button { flex:1; min-height:44px; height:44px; padding:0 6px; }
}
@media screen and (prefers-reduced-motion:reduce) {
  html.deck-viewer-ready .toolbar,html.deck-viewer-ready .deck-dock { transition:none; }
  html.deck-viewer-ready { scroll-behavior:auto!important; }
}
@media print { .deck-dock { display:none!important; } }
@media screen and (max-height:500px) and (min-width:600px) {
  html.deck-viewer-ready .deck-dock { width:min(900px,calc(100% - 24px)); display:flex; align-items:center; gap:10px; }
  .deck-dock .deck-navigation { flex:1; min-width:210px; }
  .deck-dock .deck-media-row { margin:0; padding:0; border:0; flex:1; min-width:0; }
  .deck-dock .deck-video-choice { flex:1; }
  .deck-dock .deck-video-choice select { width:100%; max-width:130px; }
  .deck-dock .phone-video-actions { width:auto; }
  .deck-dock .phone-video-actions button span { display:none; }
  html.deck-viewer-ready .chapter-menu { bottom:90px; max-height:calc(100svh - 175px); }
}
@media screen {
  html.deck-viewer-ready.view-changing { scroll-snap-type:none!important; scroll-behavior:auto!important; }
}

/* Translucent controls float over the presentation without reserving space. */
@media screen {
  html.deck-viewer-ready {
    --deck-glass:rgba(248,253,251,.72);
    --deck-glass-border:rgba(255,255,255,.72);
    --deck-glass-shadow:0 8px 32px rgba(10,35,30,.16),inset 0 1px 0 rgba(255,255,255,.85),inset 0 -1px 0 rgba(40,65,58,.08);
  }
  html.deck-viewer-ready :is(.toolbar,.deck-dock,.chapter-menu) {
    background:var(--deck-glass); border:1px solid var(--deck-glass-border);
    border-radius:22px; box-shadow:var(--deck-glass-shadow);
    -webkit-backdrop-filter:blur(24px) saturate(155%);
    backdrop-filter:blur(24px) saturate(155%); color:#152c28;
  }
  html.deck-viewer-ready .toolbar .view-switch { background:rgba(30,70,60,.055); border-radius:16px; }
  html.deck-viewer-ready .toolbar :is(button,a),.deck-navigation>button,.deck-dock .phone-video-actions button { border-radius:16px; }
  html.deck-viewer-ready .toolbar :is([data-deck-fullscreen],[data-copy-slide],.pdf-link) { background:transparent; }
  html.deck-viewer-ready .toolbar .view-switch button[aria-pressed="true"],.deck-dock .phone-video-actions button:first-child { background:rgba(198,241,234,.75); border-color:transparent; color:#07554f; }
  .deck-dock .deck-video-choice select { background:rgba(255,255,255,.38); border-radius:12px; }
  .deck-media-row { border-color:rgba(35,70,60,.12); }
  .deck-media-status { color:#36534a; }
  .chapter-menu a { border-radius:12px; }
  .chapter-menu a:hover,.chapter-menu a[aria-current=true] { background:rgba(198,241,234,.75); }
  .deck-edge-trigger {
    position:fixed; left:50%; transform:translateX(-50%); z-index:74;
    width:72px; height:44px; padding:0; border:0; border-radius:18px;
    display:grid; place-items:center; background:transparent; cursor:pointer;
    touch-action:manipulation; -webkit-tap-highlight-color:transparent;
  }
  .deck-edge-trigger::after { content:""; width:32px; height:4px; border-radius:3px; background:rgba(110,135,130,.5); box-shadow:0 1px 2px #ffffff80; }
  .deck-edge-trigger[data-deck-edge="top"] { top:env(safe-area-inset-top,0px); }
  .deck-edge-trigger[data-deck-edge="bottom"] { bottom:env(safe-area-inset-bottom,0px); }
  .deck-edge-trigger[hidden] { display:none!important; }
  .deck-edge-trigger:focus-visible { outline:2px solid #08787d; outline-offset:-4px; background:var(--deck-glass); }
  html.deck-top-visible .deck-edge-trigger[data-deck-edge="top"],html.deck-bottom-visible .deck-edge-trigger[data-deck-edge="bottom"] { opacity:0; pointer-events:none; }
  .deck-edge-trigger:focus-visible { opacity:1!important; pointer-events:auto!important; }
  @media (hover:hover) {
    .deck-edge-trigger::after { opacity:.45; }
    .deck-edge-trigger:hover::after { opacity:1; }
    html.deck-viewer-ready .toolbar :is(button,a):hover,.deck-navigation>button:not(:disabled):hover,.deck-dock .phone-video-actions button:hover { background:rgba(215,244,235,.8); }
  }
  @supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
    html.deck-viewer-ready { --deck-glass:rgba(248,253,251,.97); }
  }
}
/* Touch screens redraw a live blur on every scrolled or playing frame; keep the controls nearly opaque there. */
@media screen and (hover:none) {
  html.deck-viewer-ready { --deck-glass:rgba(248,253,251,.96); }
  html.deck-viewer-ready :is(.toolbar,.deck-dock,.chapter-menu) { -webkit-backdrop-filter:none; backdrop-filter:none; }
}
@media screen and (prefers-reduced-transparency:reduce),screen and (prefers-contrast:more) {
  html.deck-viewer-ready { --deck-glass:#f8fdfb; --deck-glass-border:#718e84; }
  html.deck-viewer-ready :is(.toolbar,.deck-dock,.chapter-menu) { -webkit-backdrop-filter:none; backdrop-filter:none; }
}
@media print { .deck-edge-trigger { display:none!important; } }

/* Direct controls belong to the hovered/touched film, independently of the dock. */
@media screen {
 html.deck-viewer-ready .media-stage>.video-controls{display:flex!important;width:max-content!important;height:max-content!important;min-height:0!important;flex-direction:row!important;align-items:center!important;top:6px!important;right:6px!important;bottom:auto!important;left:auto!important;gap:2px!important;max-width:calc(100% - 12px)!important;padding:3px!important;border:1px solid #ffffff55;border-radius:24px;background:#152924b3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 3px 12px #0002;opacity:0!important;pointer-events:none!important;transition:opacity 160ms ease-out;z-index:20;flex-wrap:wrap}
 html.deck-viewer-ready .media-stage>.video-controls button{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;padding:8px!important;border:0;border-radius:50%;background:transparent;color:#fff}
 html.deck-viewer-ready .media-stage>.video-controls svg{width:18px;height:18px;min-width:18px;min-height:18px}
 html.deck-viewer-ready .media-stage>.video-controls button:hover{background:#ffffff30}
 html.deck-viewer-ready .media-stage:focus-visible>.video-controls,
 html.deck-viewer-ready .media-stage:has(:focus-visible)>.video-controls,
 html.deck-viewer-ready .media-stage.media-controls-open>.video-controls,
 html.deck-viewer-ready .media-stage:fullscreen>.video-controls{opacity:1!important;pointer-events:auto!important}
 @media (hover:hover){html.deck-viewer-ready .media-stage:hover>.video-controls{opacity:1!important;pointer-events:auto!important}}
 html.deck-viewer-ready .media-stage:focus-visible{outline:2px solid #2dccd3;outline-offset:-2px}
 html.deck-viewer-ready .media-stage:fullscreen{width:100vw!important;height:100dvh!important;min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important;aspect-ratio:auto!important;padding:0!important;transform:none!important;background:#000!important;display:block!important}
 html.deck-viewer-ready .media-stage:fullscreen>video{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain!important;object-position:center!important;transform:none!important}
 html.deck-viewer-ready .media-stage:fullscreen::before,html.deck-viewer-ready .media-stage:fullscreen::after{display:none!important}
 html.deck-viewer-ready .media-stage:fullscreen>.video-controls{top:auto!important;bottom:max(18px,env(safe-area-inset-bottom))!important;right:50%!important;transform:translateX(50%)}
}
@media screen and (prefers-reduced-motion:reduce){html.deck-viewer-ready .media-stage>.video-controls{transition:none}}
@media screen and (hover:none){html.deck-viewer-ready .media-stage>.video-controls{-webkit-backdrop-filter:none;backdrop-filter:none;background:#152924e6}}