/* Miinyet: a calm, premium "blue chip" look. Deep navy + white, hairline cards, one blue accent, system fonts, soft rounded SUIHEADS.
   Per-campaign branding sets --brand / --on-brand from JavaScript (CSSOM, so the strict CSP stays). No external assets. */
:root{--bg:#f3f6fb;--bg2:#fff;--card:#fff;--ink:#0b1b3a;--muted:#4f5e7b;--line:#d9e1ef;--edge:#76849f;--accent:#0a5bd3;--on-accent:#fff;--link:#0a4fb4;
--ok:#0a6a3d;--no:#b0261f;--warn:#7a5200;--ok-bg:#e4f6ec;--no-bg:#fdecea;--warn-bg:#fff3d6;--info-bg:#e8f0fd;--tint:#eef3fb;--field:#fff;--focus:#0a5bd3;
--navy:#0b1b3a;--navy2:#15387a;--on-navy:#fff;--muted-navy:#c4d1ee;--shadow:rgba(11,27,58,.14);--radius:18px}
@media (prefers-color-scheme:dark){:root{--bg:#0a1226;--bg2:#0d1730;--card:#131b30;--ink:#eaf0ff;--muted:#a9b6d3;--line:#25314f;--edge:#7585a8;--accent:#5aa2ff;--on-accent:#06142f;
--link:#8fc2ff;--ok:#5ee6a0;--no:#ff9a8a;--warn:#ffd36b;--ok-bg:#12382b;--no-bg:#40201f;--warn-bg:#40330f;--info-bg:#1a2a52;--tint:#1a2440;--field:#0f1830;--focus:#8fc2ff;
--navy:#08101f;--navy2:#10285a;--shadow:rgba(0,0,0,.45)}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}
h1,h2,h3{letter-spacing:-.015em}
a{color:var(--link)}
.wrap{max-width:720px;margin:0 auto;padding:0 18px}
.skip{position:absolute;left:-999px;top:8px;background:var(--accent);color:var(--on-accent);padding:10px 14px;border-radius:12px;z-index:10}
.skip:focus{left:8px}
:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:8px}
.hero :focus-visible{outline-color:#fff}
.sprite{position:absolute;width:0;height:0;overflow:hidden}
.top{padding:12px 0;background:var(--bg2);border-bottom:1px solid var(--line)}
.top .wrap{display:flex;align-items:center;gap:10px}
.brandlink{display:flex;align-items:center;gap:9px;color:inherit;text-decoration:none}
.logo svg{display:block}.l-door{fill:var(--accent)}.l-knob{fill:var(--card)}
.brand{font-weight:750;letter-spacing:-.01em;font-size:19px}.tag{margin-left:2px;color:var(--muted);font-size:14px}
.powered{margin-left:auto;color:var(--muted);font-size:12px;letter-spacing:.04em}
/* hero: a deep navy stage with a soft glow; the banner (if an owner uploaded one) sits behind a dark scrim so text always reads */
.hero{position:relative;overflow:hidden;background:linear-gradient(160deg,var(--navy),var(--navy2));color:var(--on-navy);padding:30px 0 64px}
.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 55% at 82% 38%,color-mix(in srgb,var(--brand,var(--accent)) 38%,transparent),transparent 70%);pointer-events:none}
.hero-banner{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-scrim{position:absolute;inset:0;background:linear-gradient(160deg,rgba(11,27,58,.84),rgba(11,27,58,.8))}
.hero .wrap{position:relative;display:grid;gap:8px}
.hero-eyebrow{display:flex;align-items:center;gap:10px;margin:0;color:var(--muted-navy);font-size:12.5px;font-weight:650;letter-spacing:.14em;text-transform:uppercase}
.proj-logo{width:36px;height:36px;border-radius:10px;object-fit:cover;background:#fff;border:1px solid rgba(255,255,255,.35)}
.hero-h{font-size:clamp(38px,11vw,60px);line-height:1.02;margin:6px 0 4px;font-weight:780;letter-spacing:-.03em}
.hero-p{font-size:17px;margin:0;max-width:30em;color:var(--muted-navy)}
.hero-pron{margin:0;color:var(--muted-navy);font-size:13px}
.hero-art{display:flex;align-items:flex-end;gap:14px;margin-top:6px}
.stage{width:min(220px,52vw);height:auto;display:block;flex:none}
.avatars{display:flex;flex-wrap:wrap;gap:0;align-items:center;margin-bottom:10px}
.avatar{width:54px;height:54px;border-radius:50%;background:var(--navy2);border:2px solid #fff;margin-left:-14px;display:block;overflow:hidden}
.avatar:first-child{margin-left:0}
.avatars-note{flex-basis:100%;margin:8px 0 0;color:var(--muted-navy);font-size:13px}
/* cards */
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px;margin:16px 0;box-shadow:0 1px 2px var(--shadow),0 14px 30px -22px var(--shadow)}
.checker{margin-top:-44px;position:relative}
.eyebrow{margin:0;color:var(--muted);font-size:12.5px;text-transform:uppercase;letter-spacing:.12em;font-weight:650}
h2{font-size:21px;margin:4px 0 6px;line-height:1.25;font-weight:700}
h3.rules-h{font-size:14px;margin:20px 0 4px;font-weight:700;letter-spacing:.02em}
.muted{color:var(--muted)}.small{font-size:13.5px}.hidden{display:none!important}
.rules{padding-left:20px;margin:6px 0}.rules li{margin:3px 0}
.safe{background:var(--info-bg);color:var(--ink);border-radius:12px;padding:11px 13px;font-size:14px;margin:14px 0 0}
label{display:block;font-weight:650;margin:16px 0 6px}
.row{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}
input,select,textarea{width:100%;background:var(--field);color:var(--ink);border:1.5px solid var(--edge);border-radius:12px;padding:12px 13px;font:inherit}
input:focus,select:focus,textarea:focus{border-color:var(--focus)}
.row input{flex:1 1 220px;width:auto;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:15px;min-height:52px}
input::placeholder,textarea::placeholder{color:var(--muted);opacity:.85}
button,.btn{background:var(--brand,var(--accent));color:var(--on-brand,var(--on-accent));border:0;border-radius:12px;padding:12px 22px;font:inherit;font-weight:650;cursor:pointer;min-height:52px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 8px 18px -12px var(--brand,var(--accent))}
button:active,.btn:active{transform:translateY(1px)}
#go{flex:1 1 150px}
button.ghost,.btn.ghost{background:var(--card);color:var(--link);min-height:46px;border:1.5px solid var(--edge);box-shadow:none}
button:disabled{opacity:.65;cursor:wait}
button.big{width:100%;font-size:18px;margin:6px 0 24px}
.err{color:var(--no);margin:8px 0 0;font-weight:650}
.okmsg{color:var(--ok);font-weight:650}
/* result */
#result{position:relative;overflow:hidden;border-top:4px solid var(--edge)}
#result.is-ok{border-top-color:var(--ok)}#result.is-no{border-top-color:var(--no)}#result.is-warn{border-top-color:var(--warn)}
.resulthead{display:flex;gap:14px;align-items:center}
.fig{flex:none;width:112px;height:auto;aspect-ratio:200/220;display:block}
.fig-wrap{flex:none}
.resulthead .txt{min-width:0;flex:1}
.badge{display:block;font-size:25px;line-height:1.15;margin:2px 0 4px;font-weight:750;letter-spacing:-.02em}
.badge.ok{color:var(--ok)}.badge.no{color:var(--no)}.badge.warn{color:var(--warn)}
.badge:focus{outline:none}
.hw{display:block;font-size:clamp(30px,9vw,46px);line-height:1;font-weight:850;letter-spacing:.015em;margin:0 0 6px;white-space:nowrap}
.hw .ch{display:inline-block}
.hw:not(.hidden)~.fun{font-size:18px;line-height:1.3;font-weight:700;color:var(--ink)}
.fun{display:block}
.verdict-sub{margin:0 0 8px;color:var(--muted)}
.highlight{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.hl{display:inline-block;background:var(--info-bg);color:var(--ink);border:1px solid var(--line);border-radius:999px;padding:6px 14px;font-weight:700;font-size:15px}
.welcome{border-left:4px solid var(--brand,var(--accent));background:var(--tint);border-radius:0 12px 12px 0;padding:9px 13px;margin:12px 0}
.facts{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;margin:14px 0}.facts dt{color:var(--muted)}.facts dd{margin:0;word-break:break-all}
.reasons{padding-left:20px;margin:6px 0 10px}.reasons li{margin:4px 0}
pre{background:var(--tint);border:1px solid var(--line);border-radius:12px;padding:11px;overflow:auto;max-height:320px;font-size:12px;color:var(--ink)}
code{word-break:break-all;font-size:12.5px}.hash{margin:8px 0}
summary{cursor:pointer;font-weight:700;padding:5px 0}
details{margin-top:12px}
.checking{display:flex;align-items:center;gap:12px;background:var(--info-bg);color:var(--ink);border-radius:14px;padding:8px 14px;margin:14px 0 0}
.checking .fig{width:76px}
.notice{display:flex;align-items:center;gap:12px;background:var(--warn-bg);color:var(--ink);border-radius:14px;padding:10px 13px;font-weight:600}
.notice .fig{width:64px}.notice p{margin:0}
@media (prefers-reduced-motion:no-preference){
 .badge.pop{animation:pop .4s cubic-bezier(.2,1.2,.4,1)}@keyframes pop{from{transform:translateY(6px);opacity:0}to{transform:none;opacity:1}}
 /* MIINYET! letters rise in one after another, then a small hop; NOTYET! gives a gentle side-to-side "not yet" nod. Off under reduced motion. */
 .hw.go .ch{animation:hwIn .46s cubic-bezier(.2,1.25,.4,1) both}
 .hw.go .ch:nth-child(2){animation-delay:.035s}.hw.go .ch:nth-child(3){animation-delay:.07s}.hw.go .ch:nth-child(4){animation-delay:.105s}
 .hw.go .ch:nth-child(5){animation-delay:.14s}.hw.go .ch:nth-child(6){animation-delay:.175s}.hw.go .ch:nth-child(7){animation-delay:.21s}.hw.go .ch:nth-child(8){animation-delay:.245s}
 @keyframes hwIn{from{opacity:0;transform:translateY(12px) scale(.86)}to{opacity:1;transform:none}}
 .badge.ok .hw.go{animation:hwHop .5s .55s ease-out both}@keyframes hwHop{0%,100%{transform:none}40%{transform:translateY(-4px)}}
 .badge.no .hw.go{animation:hwNod .7s .5s ease-in-out both}@keyframes hwNod{0%,100%{transform:none}25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}
 .hw.go~.fun{animation:pop .4s .3s cubic-bezier(.2,1.2,.4,1) both}
 .bob{animation:bob 4s ease-in-out infinite}@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
 button,.btn,.choice,.swatch{transition:transform .12s,box-shadow .12s,background-color .12s}
 .card{animation:rise .35s ease-out both}@keyframes rise{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
}
/* how it works + owners */
.how{margin:28px 0 10px}
.how h2{margin:0 0 8px}
.steps{list-style:none;padding:0;margin:10px 0}
.steps li{display:flex;gap:12px;align-items:flex-start;margin:14px 0}
.n{flex:none;width:30px;height:30px;border-radius:50%;background:var(--accent);color:var(--on-accent);font-weight:700;font-size:14px;display:grid;place-items:center}
.tipline{display:flex;gap:12px;align-items:center;background:var(--info-bg);border-radius:14px;padding:10px 12px;margin-top:6px}
.tipline .fig{width:60px}.tipline p{margin:0;font-size:14px}
.owners .figrow{display:flex;gap:14px;align-items:center}.owners .fig{width:84px}
.foot{padding-top:8px;padding-bottom:44px}
/* shared bits for /new, /manage, draw, cast */
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.stack>*{margin-top:0}
.pagehead{padding:22px 0 4px;display:flex;gap:14px;align-items:center}
.pagehead .fig{width:92px}.pagehead h1{font-size:clamp(28px,8vw,38px);line-height:1.1;margin:2px 0 8px;font-weight:760;letter-spacing:-.025em}
.pagehead>div{min-width:0}
.two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.two>div{min-width:0}
input[type=date]{min-width:0;max-width:100%}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px}
.wrapany{word-break:break-all}
.step h2{display:flex;align-items:center;gap:10px;margin:0 0 4px}
fieldset{border:0;margin:0;padding:0;min-width:0}
.choices{display:grid;gap:8px;margin-top:6px}
.choice{display:flex;align-items:flex-start;gap:12px;border:1.5px solid var(--edge);border-radius:14px;padding:12px;font-weight:400;margin:0;cursor:pointer;background:var(--field)}
.choice input{width:22px;height:22px;margin:2px 0 0;flex:none;accent-color:var(--accent)}
.choice:has(input:checked){background:var(--info-bg);border-color:var(--accent);color:var(--ink)}
.choice:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:2px}
.filelabel{margin-top:16px}
input[type=file]{padding:10px}
.warnbox{background:var(--warn-bg);color:var(--ink);border-radius:12px;padding:10px 13px;margin:8px 0}
.linkbox{background:var(--tint);border:1px solid var(--line);border-radius:12px;padding:10px 13px;margin:8px 0;word-break:break-all}
.chip{display:inline-block;border:1px solid var(--line);background:var(--card);border-radius:999px;padding:2px 12px;font-weight:700;font-size:14px}
.chip.open{background:var(--ok-bg);color:var(--ink)}.chip.paused,.chip.not_started{background:var(--warn-bg);color:var(--ink)}.chip.ended{background:var(--no-bg);color:var(--ink)}
.stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0}
.stats div{background:var(--tint);border-radius:14px;padding:11px 13px}
.stats div:nth-child(1){background:var(--ok-bg)}.stats div:nth-child(3){background:var(--no-bg)}.stats div:nth-child(4){background:var(--warn-bg)}
.stats dt{font-size:13px;color:var(--muted)}.stats dd{margin:0;font-size:28px;font-weight:750;letter-spacing:-.02em}
.draws{list-style:none;padding:0;margin:8px 0}.draw-item{border:1px solid var(--line);border-radius:14px;padding:12px;margin:10px 0;background:var(--tint)}
.winners{padding-left:24px}.winners li{margin:6px 0}
.cast{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.cast figure{margin:0;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:8px;text-align:center}
.cast .fig{width:100%}
.cast figcaption{font-size:13px;font-weight:650}
.cast .sub{font-weight:400;color:var(--muted);font-size:12px;display:block}
.seg{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.seg button{min-height:44px;padding:8px 16px}
.seg button[aria-pressed=true]{background:var(--accent);color:var(--on-accent)}
.seg button[aria-pressed=false]{background:var(--card);color:var(--link);border:1.5px solid var(--edge);box-shadow:none}
@media (min-width:720px){.card{padding:26px}.stats{grid-template-columns:repeat(4,1fr)}.cast{grid-template-columns:repeat(5,minmax(0,1fr))}.fig{width:132px}.hero{padding-bottom:78px}.stage{width:260px}}
/* ---- owner branding (new + manage) ---- */
.bf h3{font-size:15px;margin:22px 0 4px}
.swatches{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0}
.swatch{width:44px;height:44px;border-radius:50%;border:3px solid var(--card);box-shadow:0 0 0 1.5px var(--edge);padding:0;min-height:44px;background:var(--sw)}
.swatch[aria-pressed=true]{box-shadow:0 0 0 3px var(--ink)}
.hexrow{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:6px}
.hexrow input[type=text]{flex:1 1 7.5em;min-width:7.5em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.hexrow input[type=color]{width:56px;height:46px;padding:3px;flex:none}
.costumes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:8px}
.costume{display:flex;flex-direction:column;align-items:center;gap:4px;border:1.5px solid var(--edge);border-radius:14px;padding:10px 8px;margin:0;cursor:pointer;background:var(--field);text-align:center;font-weight:650}
.costume input{position:absolute;opacity:0;width:1px;height:1px}
.costume .fig{width:84px}
.costume:has(input:checked){border-color:var(--accent);background:var(--info-bg);box-shadow:inset 0 0 0 1.5px var(--accent)}
.costume:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:2px}
.cpick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:8px}
.cp{display:flex;flex-direction:column;align-items:center;gap:2px;border:1.5px solid var(--edge);border-radius:14px;padding:8px 4px;margin:0;font-weight:650;font-size:13px;cursor:pointer;background:var(--field);position:relative}
.cp input{position:absolute;opacity:0;width:1px;height:1px}
.cp .avatar{margin:0;border:0;width:52px;height:52px;background:var(--info-bg)}
.cp:has(input:checked){border-color:var(--accent);background:var(--info-bg);box-shadow:inset 0 0 0 1.5px var(--accent)}
.cp:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:2px}
.cp:has(input:checked)::after{content:"\2713";position:absolute;top:4px;right:8px;font-size:13px;color:var(--ink)}
.uploads{display:grid;gap:12px;margin-top:8px}
.up{border:1.5px dashed var(--edge);border-radius:14px;padding:12px;background:var(--field)}
.up strong{display:block}
.up .thumb{display:block;max-width:100%;max-height:96px;border-radius:10px;margin:8px 0;border:1px solid var(--line);background:var(--tint)}
.up input[type=file]{padding:8px;margin-top:6px}
.preview{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--bg);margin-top:8px}
.pv-top{position:relative;padding:14px;display:flex;gap:12px;align-items:center;background:linear-gradient(160deg,var(--navy),var(--navy2));color:var(--on-navy);min-height:96px}
.pv-top img.pv-ban{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pv-top .hero-scrim{z-index:0}
.pv-top>*{position:relative;z-index:1}
.pv-top .pv-name{font-weight:750;font-size:18px;letter-spacing:-.01em}
.pv-body{padding:12px 14px;display:flex;gap:12px;align-items:center;background:var(--card)}
.pv-body .fig{width:80px}
.pv-btn{margin-left:auto;min-height:44px;padding:8px 16px;pointer-events:none}
.sheet .wrap{max-width:1300px}
.sheet .cast{grid-template-columns:repeat(9,minmax(0,1fr));gap:8px}
.sheet .pair{display:grid;gap:8px}
.sheet figure{padding:4px}.sheet figcaption{font-size:12px}.sheet .sub{display:none}
/* /new: import from an on-chain object, and the optional publishing fee */
.importbox{margin-top:18px}
.or{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:13px;font-weight:650;letter-spacing:.12em;text-transform:uppercase;margin:4px 0 2px}
.or::before,.or::after{content:"";flex:1;height:1px;background:var(--line)}
.check{display:flex;gap:10px;align-items:flex-start;font-weight:600;margin:12px 0 0;cursor:pointer}
.check input{width:22px;height:22px;margin:1px 0 0;flex:none;accent-color:var(--accent)}
.paybox{border:1.5px solid var(--line);border-radius:14px;padding:4px 14px 12px;margin-top:14px;background:var(--card)}
.paybox.attn{border-color:var(--accent);box-shadow:0 0 0 3px var(--info-bg)}
.paysteps{padding-left:20px;margin:6px 0 8px}.paysteps li{margin:6px 0}
.plan{margin:6px 0 0;overflow-wrap:anywhere}
/* /new: templates, quick start, address checking, live community preview, test a wallet, success screen */
.tpls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:8px 0 0;border:0;padding:0}
.tpl{display:flex;gap:10px;align-items:flex-start;border:1.5px solid var(--edge);border-radius:14px;padding:11px;margin:0;font-weight:400;cursor:pointer;background:var(--field);min-height:88px}
.tpl:first-of-type{grid-column:1/-1;min-height:0}
.tpl input{width:20px;height:20px;margin:2px 0 0;flex:none;accent-color:var(--accent)}
.tpl>span{display:grid;gap:2px;min-width:0}
.tpl strong{font-size:15px}
.tpl:has(input:checked){background:var(--info-bg);border-color:var(--accent);box-shadow:inset 0 0 0 1.5px var(--accent);color:var(--ink)}
.tpl:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:2px}
.warnmsg{color:var(--warn);font-weight:650}
.center{text-align:center}
.draftnote{background:var(--info-bg);color:var(--ink);border-radius:14px;padding:10px 14px;margin:14px 0 0}
.draftnote p{margin:0}
.mine-list{margin:6px 0 0;padding-left:20px}.mine-list li{margin:6px 0}
.csvcheck{margin-top:8px}
.issues{list-style:none;padding:0;margin:6px 0 0;display:grid;gap:6px}
.issue{border-radius:10px;padding:8px 11px;font-size:14px;color:var(--ink);background:var(--tint);border-left:4px solid var(--edge)}
.issue.bad{background:var(--no-bg);border-left-color:var(--no)}
.issue.fix{background:var(--info-bg);border-left-color:var(--accent)}
.issue.warn{background:var(--warn-bg);border-left-color:var(--warn)}
.issue.muted{color:var(--muted)}
[aria-invalid=true]{border-color:var(--no);box-shadow:0 0 0 2px var(--no-bg)}
.cpv{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--card);margin:10px 0 4px;box-shadow:0 10px 24px -20px var(--shadow)}
.cpv-top{position:relative;padding:14px;display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;background:linear-gradient(160deg,var(--navy),var(--navy2));color:var(--on-navy);min-height:80px}
.cpv-top img.pv-ban{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cpv-top>*{position:relative;z-index:1}.cpv-top .hero-scrim{z-index:0;position:absolute}
.cpv-top .pv-name{font-weight:750;font-size:18px;letter-spacing:-.01em}
.cpv-q{flex-basis:100%;color:var(--muted-navy);font-size:13px}
.cpv-body{display:flex;gap:12px;align-items:center;padding:12px 14px 4px}
.cpv-body .fig{width:96px}
.cpv-txt{min-width:0}
.cpv-word{margin:0;font-size:26px;font-weight:850;letter-spacing:.02em}
.cpv-word.ok{color:var(--ok)}.cpv-word.no{color:var(--no)}
.cpv-txt .small{margin:2px 0 0;color:var(--ink)}
.cpv .seg{padding:0 14px 10px;margin:6px 0 0}
.tryrow{display:flex;gap:8px}
.tryrow input{flex:1;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:15px}
.tryrow button{flex:none}
details.opt{padding:14px 20px}
details.opt>summary{font-weight:600;padding:6px 0;min-height:44px;display:list-item}
details.opt[open]>summary{margin-bottom:6px}
.sharerow .btn,.sharerow button{flex:1 1 auto}
.keybox p{margin:4px 0}
.notice-ok{background:var(--ok-bg);color:var(--ink);border-radius:12px;padding:10px 13px}
/* wearables editor */
.wearbox{margin-top:6px}
.slots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px}
.slot{flex-direction:column;align-items:flex-start;gap:0;min-height:58px;padding:8px 12px;background:var(--field);color:var(--ink);border:1.5px solid var(--edge);box-shadow:none;text-align:left}
.slot strong{font-size:14px}.slot span{color:var(--muted)}
.slot[aria-pressed=true]{background:var(--info-bg);border-color:var(--accent);box-shadow:inset 0 0 0 1.5px var(--accent)}
.wear-panel{border:1px solid var(--line);border-radius:16px;padding:4px 14px 12px;margin-top:10px;background:var(--card)}
.wear-head{font-weight:700;margin:10px 0 0}
.filebtn{cursor:pointer;margin:0}
.row:has(input.sr:focus-visible) .filebtn{outline:3px solid var(--focus);outline-offset:2px}
.wear-stage{display:grid;place-items:center;background:var(--tint);border-radius:14px;margin-top:10px;padding:8px}
.wear-stage .wear-big{width:200px}
.wear-who{align-items:center;justify-content:center}
.wear-name{min-width:150px;text-align:center;font-weight:650}
.nudge{min-width:48px;min-height:46px;padding:6px 10px;font-size:20px;line-height:1}
.wear-ctl{display:grid;gap:2px}
.rng label{margin:10px 0 2px;display:flex;justify-content:space-between}
.rng input[type=range]{padding:0;border:0;background:transparent;min-height:32px;accent-color:var(--accent)}
.nudges{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.wear-crowd{display:flex;gap:6px;justify-content:center}
.wear-crowd .fig{width:84px}