.web-controls {position:fixed;bottom:24px;left:24px;z-index:20;color:#fff;font:14px system-ui;opacity:0;transition:opacity .25s;pointer-events:none;text-shadow:0 1px 5px #000}
.web-controls div {display:flex;align-items:center;gap:18px;margin-top:8px}
.web-controls button {padding:10px 20px;background:#20252de6;color:#fff;border:1px solid #667;border-radius:8px;font-size:22px;cursor:pointer}
.controls-visible .web-controls,.web-controls:focus-within {opacity:1;pointer-events:auto}
.projector-fullscreen-button {opacity:0;transition:opacity .25s}
.controls-visible .projector-fullscreen-button,.projector-fullscreen-button:focus-visible {opacity:1}

.projector-stage {touch-action: pan-y; user-select:none}
@media (max-width:600px) {.web-controls {left:12px;bottom:16px;max-width:65%;font-size:11px}.projector-fullscreen-button {right:12px;bottom:16px;font-size:14px;padding:12px}}