fix(lotus): transparent-theme contrast guard; phone-only rail shrink; live URL params

- lotusTransparent without lotusTheme warns and applies the theme anyway;
  name tags/header/footer get a subtle text-shadow + backdrop blur under
  body.lotus-transparent (#21).
- Landscape filmstrip shrink requires (pointer: coarse) so a short
  desktop/PiP window isn't reflowed as a phone (#32).
- lotusParam re-reads window.location on every call (#33).

Fixes #21
Fixes #32
Fixes #33

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01PPmy3tPq869XDW4njjVaKA

src/index.css

@@ -100,6 +100,26 @@ body.lotus-theme {
   --video-tile-background: var(--cpd-color-bg-subtle-secondary);
 }
 
+/* [lotus #21] Subtle contrast guard for elements that sit directly on the
+transparent canvas (no opaque tile background behind them) when
+lotusTransparent is set: the host's real wallpaper is unknown to us, so a
+light text-shadow/backdrop keeps name tags and header/footer controls legible
+regardless of what's behind them. Kept behind `.lotus-transparent` so upstream
+(non-Lotus) layouts are completely untouched. Hooked off stable data-testid/
+element selectors rather than CSS-module class names, since those are hashed
+per-build and owned by their own component stylesheets. */
+body.lotus-transparent [data-testid="name_tag"],
+body.lotus-transparent header,
+body.lotus-transparent [data-testid="footer-container"] {
+  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
+}
+
+body.lotus-transparent header,
+body.lotus-transparent [data-testid="footer-container"] {
+  backdrop-filter: blur(8px);
+  -webkit-backdrop-filter: blur(8px);
+}
+
 @media (min-height: 330px) {
   body[data-background="gradient"]::before {
     content: "";