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
This commit is contained in:
Lotus CI
2026-09-13 01:22:20 -04:00
co-authored by Claude Opus 5
parent c7494e68ca
commit e9a59336c7
5 changed files with 142 additions and 19 deletions
+6 -2
View File
@@ -46,8 +46,12 @@ unconditionally select the container so we can use cq units */
/* On a landscape phone the fixed 180px filmstrip rail squeezes the spotlight to
a sliver; shrink the rail (keeping the 4:3 tile ratio) to give the spotlight
room. Desktop landscape (height > 400px) is unaffected. */
@media (max-height: 400px) {
room. Desktop landscape (height > 400px) is unaffected.
[lotus #32] `max-height: 400px` alone also matches a short-but-wide desktop
or PiP window that has nothing to do with a phone, so require a coarse
(touch) pointer too — a resized desktop/PiP window kept its mouse pointer,
so it won't match this and keeps the full-size rail. */
@media (max-height: 400px) and (pointer: coarse) {
.layer {
--grid-slot-width: 132px;
}