/* parts.css: the small rules the kit parts rely on. Load it BEFORE the site's own styles, then style freely.
   Nothing here sets a colour or a font. */
:root{--sab:env(safe-area-inset-bottom,0px)}                 /* the iPhone home bar: anything fixed to the bottom adds this */
html,body{overflow-x:hidden;overflow-x:clip}                  /* clip, never hidden alone: hidden on body breaks position:sticky */
[data-cfg][hidden]{display:none!important}                    /* coin-config hides empty coin parts; no display rule may undo that */
.sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* countdown.js: .pre shows before launch, .post after */
body.is-live .pre{display:none!important}
body:not(.is-live) .post{display:none!important}
[data-cd]{font-variant-numeric:lining-nums tabular-nums}

/* films.js: a film keeps its own shape. Set it per film: <figure data-film style="--ratio:9/16"> (default square) */
[data-film]{position:relative;margin:0}
[data-film] video{display:block;width:100%;height:auto;aspect-ratio:var(--ratio,1/1);object-fit:cover;cursor:pointer;background:#111}
[data-film-sound]{position:absolute;left:10px;bottom:10px;display:inline-flex;align-items:center;gap:5px;min-height:28px;padding:0 10px;border:0;border-radius:999px;background:#fff;color:#111;font:700 10px/1 system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}

/* a bar pinned to the bottom of the screen that clears the iPhone home bar; stack things above it with --bar-h */
.bar-bottom{position:fixed;left:50%;transform:translateX(-50%);bottom:max(12px,var(--sab));z-index:40}
.above-bar{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(max(12px,var(--sab)) + var(--bar-h,56px) + 6px);z-index:40}