/* ---------- CineJar public build: only what the public copy needs on top of cinejar.css ----------
   The look itself (labels, tiles, the welcome screen) comes from cinejar.css, the same file the NAS runs. This adds the
   public-only bits and hides the owner's own controls. Loaded twice (head, then again after the games inject their
   own styles) so it wins ties. */

/* ---------- the owner's own controls ---------- */
#who{display:none!important}
.hmine{display:none}

/* ---------- public-only bits (public-after.js) ---------- */
.pubhide{display:none!important}
.pubcredit{margin-top:16px;font-size:11px;line-height:1.5;color:var(--dim);text-align:center}
.pubcredit a{text-decoration:underline;text-underline-offset:2px}
.pubfoot{margin-top:auto;padding:20px 8px 6px;font-size:11px;line-height:1.5;color:var(--muted)}
.pubcode{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:10px}
.pubcode input{flex:1;min-width:180px;height:38px;padding:0 14px;border-radius:999px;border:2px solid var(--ink);background:var(--paper);color:var(--ink);font:700 14px var(--head);letter-spacing:.08em;text-transform:uppercase;user-select:text;-webkit-user-select:text}
.pubcode input::placeholder{font-family:var(--head);letter-spacing:0;text-transform:none;color:var(--muted)}
.pubkey{font:800 17px var(--head);letter-spacing:.12em;padding:6px 14px;border-radius:999px;background:var(--butter);color:var(--ink);border:2px solid var(--ink);user-select:all;-webkit-user-select:all}
.pubsmall{margin-top:12px;font-size:12px;color:var(--muted)}
.pubsmall .linkbtn{font-size:12px;color:var(--ink);text-decoration:underline;text-underline-offset:2px;cursor:pointer}
.pubnote{position:fixed;z-index:200;left:0;right:0;margin:0 auto;bottom:max(16px,env(safe-area-inset-bottom));width:min(560px,calc(100vw - 32px));padding:18px 20px;border-radius:18px;background:var(--paper);border:2.5px solid var(--ink);box-shadow:6px 6px 0 var(--ink);font-size:14px;line-height:1.5;color:var(--muted)}
.pubnote b{color:var(--ink);font-weight:700}
.pubnote div{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}
.pubnote .pill.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}
