/* extras.css v6 2026-10-28: hymn-page top-left buttons, full screen, extra randomizer, top-left back in the book view */
#fsTopL{position:fixed;top:calc(env(safe-area-inset-top) + 8px);left:calc(env(safe-area-inset-left) + 8px);z-index:1003;display:flex;gap:6px;align-items:center}
#fs.hidden #fsTopL{display:none}
#fsTopL button{background:#000a;color:#fff;border:0;border-radius:999px;min-height:38px;padding:6px 13px;font:600 14px var(--sans,system-ui);cursor:pointer;backdrop-filter:blur(6px);opacity:.82;white-space:nowrap}
#fsTopL button:hover,#fsTopL button:focus-visible{opacity:1}
#fsTopL #fsFull[aria-pressed="true"]{background:var(--accent);opacity:1}
/* CSS full-window fallback (iPhone Safari): the page fills the whole viewport, other chrome hidden */
html.fsx,html.fsx body{overflow:hidden;height:100%}
html.fsx #fs{position:fixed;inset:0;height:100vh;height:100dvh;z-index:2000}
html.fsx #tabs,html.fsx #mini{display:none!important}
html.fsfull #fs{background:#fff}
@media (prefers-color-scheme:dark){html.fsfull #fs{background:#fff}}
@media (max-width:420px){#fsTopL button{font-size:13px;padding:5px 11px;min-height:36px}}
/* book view: clear back button top left */
.topbar .wback{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--line);background:var(--card);color:var(--accent);border-radius:999px;padding:5px 14px 5px 10px;min-height:36px;cursor:pointer;font:600 14px var(--sans,system-ui);margin:0 0 8px;box-shadow:var(--shadow)}
.topbar .wback:hover{border-color:var(--accent)}
/* extra randomizer switch under Shuffle */
.xrrow{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px 0 0;padding:8px 14px;border:1px solid var(--line);border-radius:14px;background:var(--card);cursor:pointer}
.xrrow>span{display:flex;flex-direction:column;min-width:0}.xrrow b{font-size:15px}.xrrow small{color:var(--muted);font-size:12px}
.xrnow{flex:none;font-size:12px;opacity:.9;white-space:nowrap;margin:0 4px}
/* v6b: keep the top-left buttons off the hymn title (whole page box shifts down, overlays stay aligned) */
#fs #fspage{margin-top:52px}
@media (max-width:420px){#fs #fspage{margin-top:48px}}
/* backbtn 2026-10-29: big always-visible Back on the hymn page (also in full screen) */
#fsTopL #fsBackTop{min-height:46px;padding:6px 16px;font-size:17px;opacity:.92}