/* rules.css — launch rules (RULESFE): the launch page's PROTECTION block, the token page's
   "How this launch is protected" card, the boards' Protected chip and card mark. Phone (390 px) first. */

/* ── launch page: one box, ONE 44 px line per rule (name · (i) · switch); a switched-on rule opens its sentence and
   settings right under its line; nothing is drawn under a rule that is off (founder 4 Oct: compact) ── */
#rulesProtect{margin-top:18px}
#rulesProtect[hidden]{display:none}
/* live: the block replaces POOL SETTINGS' cards (their inputs stay in the page, hidden, as the source the deploys read) */
.rx-live > .section-label:first-child,.rx-live > .s-card{display:none !important}
.rx-ico{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0;color:#cbd5e1}
.rx-ico svg{width:16px;height:16px;display:block}                              /* the 16 px masters, at 16 px */
/* the standard rules: one pill beside the title (its sheet lists them) */
.rx-label{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.rx-std-pill{display:inline-flex;align-items:center;gap:5px;min-height:28px;padding:0 10px 0 8px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.04);color:#cbd5e1;font:500 10.5px/1 var(--mono,ui-monospace,monospace);letter-spacing:.02em;text-transform:none;cursor:pointer;position:relative}
.rx-std-pill::after{content:"";position:absolute;inset:-8px -4px}               /* 44 px tap target */
.rx-std-pill svg{width:12px;height:12px;display:block}
.rx-std-pill:hover,.rx-std-pill:focus-visible{border-color:rgba(255,255,255,.35);color:#fff}
.rx-label{margin-bottom:8px}
.rx-sub{font:500 10.5px/1.45 var(--mono,ui-monospace,monospace);color:var(--grey-6,#8a8a8a);margin:8px 0 0}
.rx-list{background:var(--lx-card-grad,#0a0a0a);border:1px solid var(--lx-border,rgba(255,255,255,.08));border-radius:var(--lx-r,8px);overflow:hidden}
.rx-card{border-top:1px solid rgba(255,255,255,.06)}
.rx-list > :first-child{border-top:0}
.rx-head{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 12px 0 14px;box-sizing:border-box;cursor:pointer}
.rx-card[data-state="note"] .rx-head,.rx-card.blocked .rx-head{cursor:default}
.rx-name{flex:0 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:400 11.5px/1 var(--display,var(--mono,ui-monospace,monospace));letter-spacing:.09em;text-transform:uppercase;color:var(--white,#f0f0f0)}
.rx-card[data-state="note"] .rx-name,.rx-card.blocked .rx-name{color:var(--grey-6,#8a8a8a)}
.rx-card.on .rx-name{color:var(--green,#7ED956)}
.rx-i{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:none;color:var(--grey-6,#8a8a8a);font:700 9px/1 var(--mono,ui-monospace,monospace);cursor:pointer;flex-shrink:0;position:relative}
.rx-i::after{content:"";position:absolute;inset:-12px}                       /* a 40 px tap target round a 16 px mark */
.rx-i:hover,.rx-i:focus-visible{color:#fff;border-color:rgba(255,255,255,.5)}
.rx-head > .toggle{display:block;align-self:center;margin:0 0 0 auto;flex-shrink:0}
.rx-card.blocked .toggle{opacity:.35;cursor:not-allowed}
.rx-hint.rx-hint-n{color:var(--grey-6,#8a8a8a)}
.rx-hint{margin-top:8px;font:500 10.5px/1.45 var(--mono,ui-monospace,monospace);color:var(--orange,#FF7A01)}
.rx-body{padding:0 14px 14px}
.rx-body[hidden]{display:none}
.rx-desc{font-family:var(--body,system-ui,sans-serif);font-size:11.5px;line-height:1.55;color:var(--lx-t3,#9a9a9a);overflow-wrap:anywhere}
.rx-body .rx-slider{margin:12px 0 0}
.rx-body .slider-minmax{display:none}
.rx-chips-row{margin-top:12px}
.rx-lbl{font:500 10px/1 var(--mono,ui-monospace,monospace);letter-spacing:.1em;text-transform:uppercase;color:var(--grey-6,#8a8a8a);margin-bottom:7px}
.rx-chips{display:flex;flex-wrap:wrap;gap:6px}
.rx-chip{min-height:32px;padding:0 10px;border-radius:6px;border:1px solid rgba(255,255,255,.14);background:#111;color:#d6d6d6;font:500 11px/1 var(--mono,ui-monospace,monospace);cursor:pointer}
.rx-chip[aria-pressed="true"]{border-color:var(--green,#7ED956);color:var(--green,#7ED956);background:rgba(126,217,86,.08)}
.rx-in{display:block;width:100%;box-sizing:border-box;margin-top:10px;min-height:40px;padding:0 12px;border-radius:6px;border:1px solid rgba(255,255,255,.14);background:#0d0d0d;color:#f0f0f0;font:500 13px/1 var(--mono,ui-monospace,monospace)}
.rx-foot{margin-top:8px;font:500 10px/1.5 var(--mono,ui-monospace,monospace);color:var(--grey-6,#8a8a8a)}
.rx-foot a{color:#cbd5e1;text-decoration:underline;text-underline-offset:2px}
@media (max-width:480px){
  .rx-name{letter-spacing:.045em;font-size:11px}
  .rx-head{gap:7px}
}
@media (min-width:641px){
  .rx-body{padding:0 18px 16px}
}

/* ── token page: How this launch is protected ── */
.px-card[hidden]{display:none}
.px-rows{display:flex;flex-direction:column}
.px-row{display:flex;gap:9px;align-items:flex-start;padding:8px 12px;border-top:1px solid rgba(255,255,255,.05);font-size:11.5px;line-height:1.5;color:#d6d6d6}
.px-row:first-child{border-top:0}
.px-ico{flex-shrink:0;width:16px;height:16px;margin-top:1px;color:#cbd5e1;display:inline-flex}
.px-ico svg{width:16px;height:16px;display:block}
.px-head{display:flex;align-items:center;gap:7px}
.px-head svg{width:16px;height:16px;display:block;flex-shrink:0}
.px-t{min-width:0;overflow-wrap:anywhere}
.px-t a{color:#cbd5e1}
.px-bar{position:relative;height:5px;margin:7px 0 2px;border-radius:3px;background:rgba(255,255,255,.08);overflow:hidden}
.px-bar i{position:absolute;left:0;top:0;bottom:0;background:var(--green,#7ED956)}
.px-bar b{position:absolute;top:0;bottom:0;width:1px;background:rgba(0,0,0,.8)}
.px-foot{padding:8px 12px 11px;border-top:1px solid rgba(255,255,255,.06);font:500 10.5px/1.5 var(--mono,ui-monospace,monospace);color:#8a8a8a}
.px-foot a{color:#cbd5e1;text-decoration:underline;text-underline-offset:2px}

/* ── boards: the Protected pill (beside EDGE / TEK) and the card mark ── */
.tpill.tpill-prot{display:inline-flex;align-items:center;gap:5px}
.tpill.tpill-prot svg{width:12px;height:12px;flex-shrink:0;display:block}
.tpill.tpill-prot [data-prot-ico]{display:inline-flex}
.card-prot{display:inline-flex;align-items:center;gap:2px;color:#cbd5e1;font:700 10px/1 var(--mono,ui-monospace,monospace)}
.card-prot svg{width:12px;height:12px;display:block}
/* the card's mark slot is a row of 17 px discs overlapping by 4 px: this one is a pill wide enough for its count */
.card-icons > .card-prot{width:auto;border-radius:9px;padding:0 5px 0 4px;margin-right:5px}
body[data-density="compact"] .card-icons > .card-prot{width:auto;padding:0 3px;margin-right:4px;line-height:1}
[data-prot][hidden]{display:none !important}
.tpill.tpill-prot.active{background:rgba(255,255,255,.1);border-color:rgba(203,213,225,.45);color:#fff}
/* HOOKSOFF token-trust.js: a line that is news about the creator wallet or a sandwich (amber; green stays for up-moves) */
.px-row[data-warn="1"] .px-t{color:#ffd23f}

/* ── RULESUI (5 Oct): the grouped picker — preset chips, "or describe it", one row per group, a bottom sheet on a phone ── */
.rx-presets{margin:0 0 10px}
.rx-presets .rx-chips{gap:6px}
.rx-preset[hidden]{display:none}
.rx-describe{margin:0 0 12px}
.rx-describe-row{display:flex;gap:8px;align-items:stretch}
.rx-describe-row .rx-in{margin-top:0;flex:1 1 auto;min-width:0;font-size:12px}
.rx-describe-go{flex:0 0 auto;min-height:40px;padding:0 14px}
.rx-describe-go:disabled{opacity:.5}
.rx-describe-out{margin-top:8px;font:500 10.5px/1.5 var(--mono,ui-monospace,monospace);color:#cbd5e1;overflow-wrap:anywhere}
.rx-describe-out.bad{color:var(--orange,#FF7A01)}
.rx-groups > .rx-group{border-top:1px solid rgba(255,255,255,.06)}
.rx-groups > :first-child{border-top:0}
.rx-ghead{display:flex;align-items:center;gap:10px;width:100%;min-height:56px;padding:8px 12px 8px 14px;box-sizing:border-box;background:none;border:0;color:inherit;text-align:left;cursor:pointer;font:inherit}
.rx-ghead:focus-visible{outline:1px solid rgba(255,255,255,.4);outline-offset:-2px}
.rx-gico,.rx-gico svg{width:24px;height:24px}
.rx-gmid{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:5px}
.rx-gname{font:400 11.5px/1 var(--display,var(--mono,ui-monospace,monospace));letter-spacing:.09em;text-transform:uppercase;color:var(--white,#f0f0f0)}
.rx-group.has-on .rx-gname{color:var(--white,#f0f0f0)}
.rx-gsub{font:500 10.5px/1.3 var(--mono,ui-monospace,monospace);color:var(--grey-6,#8a8a8a);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rx-gcount{flex:0 0 auto;padding:4px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.08);color:var(--white,#f0f0f0);font:600 10px/1 var(--mono,ui-monospace,monospace);white-space:nowrap}
.rx-gcount[hidden]{display:none}
.rx-gchev{flex:0 0 auto;width:8px;height:8px;border-right:1.5px solid #8a8a8a;border-bottom:1.5px solid #8a8a8a;transform:rotate(-45deg);margin:0 4px 0 2px;transition:transform .15s}
.rx-group.open .rx-gchev{transform:rotate(45deg)}
.rx-gbody{background:rgba(255,255,255,.02);border-top:1px solid rgba(255,255,255,.06)}
.rx-gbody[hidden]{display:none}
.rx-gbody > .rx-card:first-child{border-top:0}
/* the phone sheet (the site's popup pattern: handle, swipe down, Done) */
.rx-scrim{position:fixed;inset:0;z-index:100000;background:rgba(0,0,0,.55);display:flex;align-items:flex-end;justify-content:center}
.rx-sheet{width:100%;max-width:560px;max-height:82vh;overflow:auto;box-sizing:border-box;background:#0b0b0b;border:1px solid rgba(255,255,255,.12);border-bottom:0;border-radius:14px 14px 0 0;padding:4px 0 max(18px,env(safe-area-inset-bottom));animation:rxUp .22s ease-out}
@keyframes rxUp{from{transform:translateY(100%)}to{transform:none}}
.rx-sheet .pwg-handle{display:flex;justify-content:center;padding:6px 0 10px;cursor:grab}
.rx-sheet .pwg-handle span{width:34px;height:3px;border-radius:3px;background:rgba(255,255,255,.18)}
.rx-sheet-top{display:flex;align-items:center;gap:10px;padding:0 14px 10px}
.rx-sheet-t{flex:1;font:400 12px/1 var(--display,var(--mono,ui-monospace,monospace));letter-spacing:.09em;text-transform:uppercase;color:var(--white,#f0f0f0)}
.rx-sheet-done{min-height:36px;padding:0 14px;border-radius:6px;border:1px solid rgba(255,255,255,.2);background:#111;color:#f0f0f0;font:500 11px/1 var(--mono,ui-monospace,monospace);cursor:pointer}
.rx-sheet .rx-gbody{background:none}
@media (prefers-reduced-motion:reduce){.rx-sheet{animation:none}}
/* token page: the group headings between the card's rows (RULESUI) */
.px-group{display:flex;align-items:center;gap:8px;padding:9px 12px 5px;border-top:1px solid rgba(255,255,255,.08);font:500 10px/1 var(--mono,ui-monospace,monospace);letter-spacing:.1em;text-transform:uppercase;color:var(--grey-6,#8a8a8a)}
.px-group svg{width:16px;height:16px;display:block;flex-shrink:0}
.px-group + .px-row{border-top:0}