/* Repair · the welcome page (welcome.html). Only what the page adds to the app's own sheets (onebook.css,
   styles.css, seq.css): the two still screens on the film's deep ground, with the sky above their words.
   Every colour and size here is one those sheets already use. */
.welcome{background:#0A120D;color:#F5F0E4;min-height:100vh;min-height:100dvh}
.w-screen{position:fixed;inset:0;display:grid;grid-template-rows:minmax(0,1fr) auto;background:#0A120D;
  padding:env(safe-area-inset-top,0px) calc(24px + env(safe-area-inset-right,0px)) calc(20px + env(safe-area-inset-bottom,0px)) calc(24px + env(safe-area-inset-left,0px))}
.w-screen[hidden]{display:none}
/* seq.css gives the film display:grid, which outranks [hidden]: a film that has ended would stay over the code */
#film[hidden]{display:none}
.w-sky{position:relative;min-height:0;margin:0 -24px}
.w-sky canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.w-foot{max-width:520px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:14px}
.w-foot .eyebrow{color:#84C7A4}
.w-foot .lead{margin:0;color:rgba(245,240,228,.72);line-height:1.4}
.w-foot a.go{display:flex;align-items:center;justify-content:center;text-decoration:none}
.w-code{margin:0;font-family:var(--f-disp);font-size:clamp(52px,15vw,76px);line-height:.94;letter-spacing:.04em;color:#F5F0E4;white-space:nowrap}
.w-corner{display:flex;justify-content:flex-end;opacity:.42}
.w-corner .navbtn,.welcome .seq-corner .navbtn{color:#F5F0E4}
/* the steps: a word too long for a narrow phone breaks rather than runs off the screen */
.welcome .seq-list .x{overflow-wrap:anywhere}
/* the sound sits at the foot, as in the app's films; the ask for an invite, when the link had no code, beside it
   and at full strength */
.welcome .seq-corner{opacity:1;gap:16px}
.welcome .seq-corner .snd{opacity:.42;margin-left:auto}
/* the corner stands 16px in; the ask lines up with the steps above it, at 24 */
.w-ask{margin:0;padding-left:8px;font-size:var(--t-lead);line-height:1.35;color:#F5F0E4}