/* ESC first-visit intent card (first batch, 2026-10-24). Additive only.
   No backdrop-filter, filter, or transform anywhere in this file: the card is
   itself position:fixed, and a filtered ancestor would re-anchor fixed
   descendants (the 2026-10-23 desk-dock bug). The overlay is a solid
   semi-transparent colour, not a blur. Opacity-only fade, no movement. */
#escIntentOverlay{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box;background:rgba(0,0,0,.68);opacity:0;transition:opacity .25s ease}
#escIntentOverlay.show{opacity:1}
#escIntentCard{width:min(560px,100%);max-height:calc(100vh - 32px);overflow:auto;box-sizing:border-box;padding:20px;border:1px solid rgba(255,200,60,.55);border-radius:16px;background:#0d0d14;color:#f3ecd8;font:15px/1.45 Inter,system-ui,sans-serif;box-shadow:0 12px 32px rgba(0,0,0,.6)}
#escIntentCard h2{margin:0 32px 4px 0;font:600 20px/1.3 Oswald,sans-serif;letter-spacing:.02em;color:#ffc83c}
#escIntentNote{margin:0 0 14px;color:#a9a294;font-size:13px}
#escIntentCard .ei-x{position:absolute;top:10px;right:10px;width:36px;height:36px;border:0;background:none;color:#cfc8b4;font-size:20px;cursor:pointer;border-radius:50%}
#escIntentCard{position:relative}
#escIntentList{display:flex;flex-direction:column;gap:8px}
#escIntentList button{width:100%;min-height:56px;text-align:left;padding:11px 14px;border-radius:12px;border:1px solid rgba(255,200,60,.5);background:rgba(255,200,60,.08);color:#fff;cursor:pointer;font:inherit}
#escIntentList button:hover,#escIntentList button:focus-visible{background:rgba(255,200,60,.2);outline:2px solid #ffc83c;outline-offset:2px}
#escIntentList .ei-ic{font-size:18px;margin-right:8px}
#escIntentList .ei-label{font:600 15px Oswald,sans-serif;letter-spacing:.03em}
#escIntentList .ei-preview{display:block;margin:2px 0 0 26px;color:#cfc8b4;font-size:13px;line-height:1.35}
/* While the intent card is open, the existing welcome bubble and coachmarks
   stay hidden so nothing floats over the modal. */
body.esc-intent-open #escWelcome,body.esc-intent-open #ui4Coach{display:none!important}
/* Deep-link quiet offer: a small pill, centred without transform, sitting
   above the bottom player bar on narrow screens. Hidden in Stage mode. */
#escIntentPill{position:fixed;left:0;right:0;bottom:24px;z-index:9000;display:flex;justify-content:center;pointer-events:none}
#escIntentPill .ei-pill{pointer-events:auto;display:inline-flex;align-items:center;gap:10px;max-width:calc(100vw - 24px);padding:10px 12px;border-radius:999px;border:1px solid rgba(255,200,60,.55);background:rgba(10,10,18,.94);color:#f3ecd8;font:600 13px Oswald,sans-serif;letter-spacing:.03em;cursor:pointer}
#escIntentPill .ei-pill-x{pointer-events:auto;margin-left:2px;width:28px;height:28px;border:0;background:none;color:#a9a294;font-size:16px;cursor:pointer}
body.esc-stage-mode #escIntentPill{display:none}
@media (max-width:820px){
  #escIntentOverlay{padding:12px;align-items:flex-end}
  #escIntentCard{padding:16px}
  #escIntentList button{min-height:56px}
  #escIntentPill{bottom:96px}
  #escIntentChange .ei-change-text{display:none}
}
@media (prefers-reduced-motion:reduce){
  #escIntentOverlay{transition:none}
}
