:root{
  --bg:#0e0e13; --bg2:#16161d; --card:#1e1e2a; --line:#33334a; --line2:#4a4a6a;
  --txt:#f2f0ea; --dim:#9a97a3; --accent:#ffcf3f; --accent2:#ff5d8f;
  --radius:14px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--txt);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
.hero{padding:48px 20px 8px;text-align:center;background:radial-gradient(1200px 400px at 50% -100px,#26263a 0%,transparent 70%)}
.kicker{letter-spacing:.35em;font-size:11px;color:var(--accent);font-weight:700}
h1{font-size:clamp(38px,7vw,64px);font-weight:900;letter-spacing:-.03em;margin:6px 0 4px}
.accent{color:var(--accent)}
.sub{color:var(--dim);max-width:560px;margin:0 auto;font-size:15px;line-height:1.55}
.sub a{color:var(--accent);text-decoration:none}
.sub a:hover{text-decoration:underline}
.searchbar{display:flex;align-items:center;gap:10px;max-width:560px;margin:22px auto 0;background:var(--bg2);border:1px solid var(--line);border-radius:999px;padding:12px 18px;color:var(--dim)}
.searchbar:focus-within{border-color:var(--accent);color:var(--accent)}
.searchbar input{flex:1;background:none;border:none;outline:none;color:var(--txt);font-size:16px}
.searchbar input::placeholder{color:#5d5b68}
.clear{background:none;border:none;color:var(--dim);font-size:22px;cursor:pointer;line-height:1}
.clear:hover{color:var(--txt)}
.chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:720px;margin:16px auto 0;padding-bottom:8px}
.chip{border:1px solid #3a3a55;background:var(--bg2);color:#b9b6c6;border-radius:999px;padding:7px 14px;font-size:13px;cursor:pointer;transition:all .15s;user-select:none}
.chip:active{transform:scale(.95)}
.chip:hover{border-color:var(--accent);color:var(--txt)}
.chip.on{background:var(--accent);border-color:var(--accent);color:#141414;font-weight:700}
.chip.special.on{background:var(--accent2);border-color:var(--accent2);color:#fff}
main{max-width:1440px;margin:0 auto;padding:14px 20px 60px}
.count{color:var(--dim);font-size:13px;margin:6px 4px 14px}
.grid{columns:4 240px;column-gap:14px}
@media(max-width:1100px){.grid{columns:3 220px}}
@media(max-width:820px){.grid{columns:2 200px}}
@media(max-width:560px){.grid{columns:2 160px}}
.card{break-inside:avoid;margin-bottom:14px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;position:relative;cursor:pointer;box-shadow:0 2px 12px rgba(0,0,0,.4);transition:transform .18s,border-color .18s,box-shadow .18s}
.card:hover{transform:translateY(-3px);border-color:var(--line2);box-shadow:0 8px 24px rgba(0,0,0,.5)}
.card:active{transform:scale(.985)}
.thumb{position:relative;display:block;width:100%;aspect-ratio:2/3;overflow:hidden;background:#22222e}
.thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s}
.card:hover .thumb img{transform:scale(1.04)}
.tile{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:2/3;font-weight:900;font-size:44px;color:rgba(255,255,255,.85);text-shadow:0 2px 10px rgba(0,0,0,.35);letter-spacing:-.02em}
.actions{position:absolute;top:8px;right:8px;display:flex;gap:6px;opacity:0;transform:translateY(-4px);transition:all .15s}
.card:hover .actions,.card:focus-within .actions{opacity:1;transform:none}
@media(hover:none){.actions{opacity:.92;transform:none}}
.act{width:34px;height:34px;border-radius:50%;border:none;background:rgba(12,12,18,.78);color:#fff;font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px)}
.act:hover{background:rgba(12,12,18,.95);transform:scale(1.08)}
.act.fav.faved{color:var(--accent2)}
.act.copied{color:#7ee081}
.meta{padding:10px 12px 12px}
.title{font-size:14px;font-weight:700;line-height:1.3}
.row{display:flex;align-items:center;gap:6px;margin-top:6px;flex-wrap:wrap}
.era{font-size:11px;color:var(--dim);font-variant-numeric:tabular-nums}
.tag{font-size:10px;padding:3px 8px;border-radius:999px;background:#262636;color:#c9c6d4;text-transform:uppercase;letter-spacing:.06em;font-weight:700}
.badge{font-size:9px;padding:3px 8px;border-radius:999px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.badge-thread{background:linear-gradient(90deg,#1d9bf0,#7856ff);color:#fff}
.badge.mini{font-size:9px;padding:2px 6px}
.hook{margin-top:8px;font-size:12px;color:var(--dim);line-height:1.45;display:none}
.card:hover .hook{display:block}
.empty{text-align:center;padding:80px 20px;color:var(--dim)}
.empty-face{font-size:56px;font-weight:900;color:var(--accent);margin-bottom:10px}
.empty button{margin-top:16px;background:var(--accent);border:none;color:#141414;font-weight:700;border-radius:999px;padding:10px 22px;font-size:14px;cursor:pointer}
footer{border-top:1px solid var(--line);padding:26px 20px 40px;text-align:center;color:#6d6b78;font-size:12px;line-height:1.7}

/* v0.2 additions */
.region-bar{display:flex;gap:8px;justify-content:center;align-items:center;max-width:760px;margin:10px auto 0;padding:2px 4px 8px}
.regions-btn{background:var(--bg2);border:1px solid #3a3a55;color:var(--txt);font-weight:700;border-radius:999px;padding:7px 16px;font-size:12.5px;cursor:pointer}
.regions-btn:active,.shelf-btn:active,.sharecard-btn:active,.cp-like:active,.region-tile:active{transform:scale(.96)}
.regions-btn:hover{border-color:var(--accent)}
.region-active{font-size:12px;padding:6px 12px;cursor:pointer}
.region-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.region-tile{display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:10px 12px;color:var(--txt);font-size:12.5px;font-weight:600;cursor:pointer;text-align:left}
.region-tile:hover{border-color:var(--accent)}
.region-tile.on{border-color:var(--accent);background:rgba(245,197,24,.08)}
.rt-count{color:var(--dim);font-size:11.5px;font-weight:700}
.missing-line{margin:14px 0 0;font-size:13px;color:var(--dim)}
.missing-line a,.missing-cta{color:var(--accent);text-decoration:none;font-weight:600}
.missing-line a:hover,.missing-cta:hover{text-decoration:underline}
.vote{display:inline-flex;align-items:center;gap:5px;border:1px solid #3a3a55;background:var(--bg2);color:#b9b6c6;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:700;cursor:pointer;font-variant-numeric:tabular-nums;transition:all .15s}
.vote:active{transform:scale(.94)}
.vote svg{width:14px;height:14px;flex-shrink:0}
.vote:hover:not(.voted){border-color:var(--accent);color:var(--txt)}
.vote.voted{background:var(--accent);border-color:var(--accent);color:#141414;cursor:default}
.vote.err{border-color:var(--accent2);color:var(--accent2)}
.vote.big{font-size:14px;padding:8px 16px}
.vote.big svg{width:20px;height:20px}
.lb{display:flex;flex-direction:column;gap:8px;max-width:720px;margin:0 auto}
.lb-row{display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px 14px;cursor:pointer;transition:border-color .15s}
.lb-row:hover{border-color:#3a3a4d}
.lb-rank{font-weight:900;font-size:18px;width:36px;text-align:center;color:var(--dim);font-variant-numeric:tabular-nums;flex-shrink:0}
.lb-row.r1 .lb-rank,.lb-row.r2 .lb-rank,.lb-row.r3 .lb-rank{color:var(--accent)}
.lb-thumb{width:44px;height:56px;border-radius:8px;overflow:hidden;background:#22222e;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:15px;color:rgba(255,255,255,.85)}
.lb-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.lb-main{flex:1;min-width:0}
.lb-title{font-weight:700;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lb-sub{font-size:11px;color:var(--dim);margin-top:2px}
.lb-status{text-align:center;color:var(--dim);font-size:12px;padding:10px}
.panel{position:fixed;inset:0;z-index:60;display:flex;align-items:flex-start;justify-content:center;padding:4vh 14px 6vh;overflow-y:auto;background:rgba(8,8,12,.74);backdrop-filter:blur(6px)}
.panel[hidden]{display:none}
.panel-card{background:var(--bg2);border:1px solid var(--line);border-radius:18px;max-width:780px;width:100%;position:relative;box-shadow:0 24px 80px rgba(0,0,0,.5)}
.panel-close{position:absolute;top:10px;right:12px;z-index:2;width:36px;height:36px;border-radius:50%;border:none;background:rgba(12,12,18,.78);color:#fff;font-size:20px;cursor:pointer}
.panel-close:hover{background:rgba(12,12,18,.95)}
.panel-body{padding:22px}
.panel-top{display:flex;gap:20px;align-items:flex-start}
.panel-poster{width:200px;flex-shrink:0;border-radius:12px;overflow:hidden;background:#22222e}
.panel-poster{aspect-ratio:2/3;overflow:hidden}.panel-poster img{display:block;width:100%;height:100%;object-fit:cover}
.panel-poster .tile{aspect-ratio:2/3;font-size:38px}
@media(max-width:600px){.panel-top{flex-direction:column}.panel-poster{width:100%;max-width:240px}}
.panel-info{flex:1;min-width:0}
.panel-info h2{font-size:24px;font-weight:900;letter-spacing:-.02em;margin:2px 0 8px}
.panel-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:10px}
.panel-hook{color:var(--dim);font-size:14px;line-height:1.55;margin-bottom:14px}
.panel-section{border-top:1px solid var(--line);margin-top:16px;padding-top:16px}
.panel-section h3{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--dim);margin-bottom:10px}
.watchrow{display:flex;gap:8px;flex-wrap:wrap}
.watchbtn{display:inline-flex;align-items:center;gap:6px;border:1px solid #3a3a55;background:var(--bg2);color:var(--txt);border-radius:999px;padding:8px 16px;font-size:13px;font-weight:700;text-decoration:none;transition:all .15s}
.watchbtn:active{transform:scale(.96)}
.watchbtn:hover{border-color:var(--accent);transform:translateY(-1px)}
.comments-soon{color:var(--dim);font-size:13px;border:1px dashed var(--line);border-radius:12px;padding:18px;text-align:center}
.giscus{width:100%}
.cmt-form{margin-top:14px}
.cmt-fields{display:flex;gap:8px;flex-wrap:wrap}
.cmt-form input[type=text],.cmt-form input[type=email],.cmt-form textarea{background:var(--card);border:1px solid var(--line);border-radius:10px;color:var(--txt);padding:9px 12px;font-size:13px;font-family:inherit;flex:1;min-width:140px}
.cmt-form textarea{width:100%;margin-top:8px;resize:vertical}
.cmt-form input:focus,.cmt-form textarea:focus{outline:none;border-color:var(--accent)}
.cmt-form .hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.cmt-actions{display:flex;align-items:center;gap:12px;margin-top:8px}
.cmt-form button{background:var(--accent);border:none;color:#141414;font-weight:700;border-radius:999px;padding:9px 20px;font-size:13px;cursor:pointer}
.cmt-form button:disabled{opacity:.5;cursor:default}
.cmt-consent{font-size:11px;color:var(--dim)}
.cmt-note{font-size:12px;color:var(--accent2);margin-top:6px;min-height:14px;font-weight:600}
.cmt-form input.bad,.cmt-form textarea.bad{border-color:var(--accent2)}
.cmt-list{display:flex;flex-direction:column;gap:10px;max-height:340px;overflow-y:auto}
.cmt{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:10px 12px}
.cmt-head{font-size:12px;color:var(--dim)}
.cmt-head strong{color:var(--txt)}
.cmt-body{font-size:13px;line-height:1.5;margin-top:4px;white-space:pre-wrap;word-break:break-word}
/* ---------- home rails (Netflix-style) ---------- */
.rails{margin-top:8px}
.rail{margin:20px 0}
.rail-title{font-size:15px;font-weight:800;margin:0 0 8px 2px;letter-spacing:.01em}
.rail-row{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 12px;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
.rail-row::-webkit-scrollbar{height:6px}
.rail-row::-webkit-scrollbar-thumb{background:var(--line);border-radius:3px}
.rcard{flex:0 0 auto;width:140px;scroll-snap-align:start;cursor:pointer;transition:transform .15s}
.rcard:hover{transform:translateY(-3px)}
.rthumb{aspect-ratio:2/3;border-radius:12px;overflow:hidden;background:var(--bg2);border:1px solid var(--line)}
.rthumb img{width:100%;height:100%;object-fit:cover;display:block}
.tile.rfall{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:34px;font-weight:900;border-radius:0}
.rmeta{padding:6px 2px 0}
.rtitle{font-size:12.5px;font-weight:700;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.rsub{font-size:11px;color:var(--dim);margin-top:2px}
.rvote{margin-top:5px}
@media (max-width:600px){.rcard{width:124px}.rail-title{font-size:14px}}
/* ---------- story + characters ---------- */
.story{font-size:13.5px;line-height:1.55;color:var(--txt);margin:0}
.charrow{display:flex;flex-wrap:wrap;gap:6px}
.char{font-size:11.5px;font-weight:600;padding:4px 10px;border-radius:999px;background:var(--bg2);border:1px solid var(--line);color:var(--txt)}
/* ---------- share card ---------- */
.card-modal{position:fixed;inset:0;z-index:70;display:flex;align-items:flex-start;justify-content:center;padding:4vh 14px 6vh;overflow-y:auto;background:rgba(8,8,12,.78);backdrop-filter:blur(6px)}
.card-modal[hidden]{display:none}
.card-box{background:var(--bg2);border:1px solid var(--line);border-radius:18px;max-width:680px;width:100%;position:relative;box-shadow:0 24px 80px rgba(0,0,0,.5)}
.card-body{padding:22px}
.card-h{margin:0 0 6px;font-size:17px;font-weight:800}
.card-sub{margin:0 0 14px;font-size:12.5px;color:var(--dim)}
.share-canvas{width:100%;height:auto;border-radius:12px;border:1px solid var(--line);display:block;margin:8px 0 12px}
.card-actions{display:flex;gap:10px;align-items:center}
.card-x{background:#141414;border:1px solid var(--line);color:#fff;font-weight:700;border-radius:999px;padding:9px 20px;font-size:13px;cursor:pointer}
.card-x:hover{border-color:var(--accent)}
.ghostbtn{background:transparent;border:1px solid var(--line);color:var(--txt);font-weight:600;border-radius:999px;padding:9px 18px;font-size:13px;cursor:pointer}
.sharebar{grid-column:1/-1;display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--bg2);border:1px solid var(--line);border-radius:14px;margin-bottom:4px}
.sharecard-btn{background:var(--accent);border:none;color:#141414;font-weight:700;border-radius:999px;padding:9px 20px;font-size:13px;cursor:pointer}
.sharebar-sub{font-size:12px;color:var(--dim)}
/* ---------- personal shelf ---------- */
.shelf-btn{border:1px solid var(--accent);background:transparent;color:var(--accent);font-weight:700;border-radius:999px;padding:6px 14px;font-size:12px;cursor:pointer;margin:6px 0}
.shelf-sec{margin:14px 0}
.shelf-sec h4{margin:0 0 8px;font-size:13px;font-weight:800;color:var(--dim);text-transform:uppercase;letter-spacing:.06em}
.shelf-chips{display:flex;flex-wrap:wrap;gap:6px}
.shelf-chip{cursor:pointer;font-family:inherit}
.shelf-top{display:flex;align-items:center;gap:12px;margin:2px 0 12px;flex-wrap:wrap}
.shelf-share{flex:none}
.shelf-share-sub{font-size:11.5px;color:var(--dim)}
.shelf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}
.shelf-grid .card{margin-bottom:0}
@media(max-width:560px){.shelf-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}
.shelf-empty{font-size:12px;color:var(--dim)}
.shelf-comments{display:flex;flex-direction:column;gap:8px;max-height:260px;overflow-y:auto}
.shelf-comment{text-align:left;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:8px 12px;cursor:pointer;color:var(--txt)}
.shelf-comment-t{display:block;font-size:11px;font-weight:800;color:var(--accent);margin-bottom:2px}
.shelf-comment-c{display:block;font-size:12.5px}
.shelf-out{color:var(--accent);font-size:12px}

/* ---------- public card page ---------- */
.cardpage{max-width:1060px;margin:0 auto;padding:6px 16px 40px}
.cp-head{text-align:center;margin:18px 0 6px}
.cp-title{margin:0;font-size:24px;font-weight:800}
.cp-sub{color:var(--dim);font-size:13px;margin-top:4px}
.cp-like-row{display:flex;align-items:center;justify-content:center;gap:10px;margin:14px 0 18px}
.cp-like{background:var(--bg2);border:1px solid var(--line);color:var(--txt);font-weight:700;border-radius:999px;padding:8px 20px;font-size:14px;cursor:pointer}
.cp-like:hover{border-color:var(--accent)}
.cp-like.on{border-color:var(--accent);color:var(--accent)}
.cp-like-sub{font-size:12px;color:var(--dim)}
.cp-grid{margin-top:4px}
.cp-missing{display:flex;align-items:center;justify-content:center;background:var(--bg2);border:1px dashed var(--line);border-radius:14px;min-height:120px;color:var(--dim);font-size:13px;padding:10px;text-align:center}
.cp-thread{max-width:680px;margin:26px auto 0}
.cp-cta{text-align:center;margin:26px 0 10px}
.pubrow{display:flex;gap:8px;margin:10px 0 4px}
.puburl{flex:1;background:var(--bg);border:1px solid var(--line);border-radius:10px;color:var(--txt);padding:8px 10px;font-size:12px;min-width:0}

/* home rails as big-card masonry sections */
.rail-grid{margin-top:4px}
.rail .rail-title{font-size:17px}

/* ---------- affordance hints ---------- */
.more-hint{display:flex;align-items:center;gap:5px;margin-top:10px;font-size:11.5px;font-weight:700;color:#d8b73a;letter-spacing:.01em}
.more-hint .mh-arr{font-size:14px;line-height:1}
.card:hover .more-hint{color:var(--accent)}
.lb-row:hover{border-color:var(--line2)}
.region-tile{border-color:#3a3a55}

/* ---------- profile + dashboard ---------- */
.shelf-id{display:flex;align-items:center;gap:12px;margin-bottom:8px}
.shelf-ava{width:44px;height:44px;border-radius:50%;object-fit:cover;border:1px solid var(--accent)}
.shelf-ava-f{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;color:#fff;border:1px solid var(--accent);font-size:15px}
.prow{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:4px 0 14px}
.plink{font-size:12px;color:var(--accent);text-decoration:none}
.plink:hover{text-decoration:underline}
.pedit-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:10px 0;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--bg2)}
.pedit-row input[type=text]{background:var(--bg);border:1px solid var(--line);border-radius:8px;color:var(--txt);padding:7px 10px;font-size:13px}
.p-photo{cursor:pointer;font-size:12px}
.shelf-item{display:flex;flex-direction:column;gap:6px;min-width:0}
.shelf-note{background:none;border:1px dashed var(--line);border-radius:10px;color:var(--dim);font-size:11.5px;padding:5px 10px;cursor:pointer;text-align:left;font-family:inherit}
.shelf-note.has{color:var(--txt);border-style:solid;font-style:italic}
.shelf-note-edit{display:flex;gap:6px}
.shelf-note-edit input{flex:1;background:var(--bg);border:1px solid var(--line);border-radius:8px;color:var(--txt);padding:6px 8px;font-size:12px;min-width:0}
.pubnote.quiet{color:var(--dim)}
.pp-head{display:flex;align-items:center;gap:16px;margin:20px 0 8px}
.pp-avatar{width:72px;height:72px;border-radius:50%;object-fit:cover;border:2px solid var(--accent)}
.pp-avatar-f{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:900;color:#fff;border:2px solid var(--accent)}
.pp-name{margin:0;font-size:24px;font-weight:800}
.pp-stats{color:var(--dim);font-size:13px;margin-top:4px}
.pp-owner{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:10px 0 6px}
.pp-note{font-size:11.5px;color:var(--dim);font-style:italic;padding:0 2px}

/* Refurbish: calm, obvious, responsive */
:root{--bg:#f7f6f2;--bg2:#ffffff;--card:#ffffff;--line:#e6e3dc;--line2:#cbc6bb;--txt:#171713;--dim:#716f68;--accent:#ef4f23;--accent2:#171713;--radius:18px}
body{background:var(--bg);color:var(--txt)}
.hero{padding:0 28px 26px;text-align:left;background:linear-gradient(180deg,#fff 0%,#f7f6f2 100%);border-bottom:1px solid var(--line)}
.hero-inner{max-width:1240px;margin:0 auto}
.brand-row{height:72px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);margin-bottom:48px}
.brand{font-size:21px;font-weight:900;letter-spacing:-.04em;text-decoration:none;color:var(--txt)}
.brand span{color:var(--accent)}
.kicker{letter-spacing:.15em;font-size:11px;color:var(--accent);font-weight:850}
h1{font-size:clamp(46px,7vw,86px);font-weight:900;line-height:.94;letter-spacing:-.065em;margin:12px 0 20px;max-width:850px}
.sub{color:var(--dim);max-width:540px;margin:0;font-size:18px;line-height:1.5}
.searchbar{max-width:740px;margin:32px 0 0;background:#fff;border:1px solid var(--line2);border-radius:16px;padding:15px 18px;box-shadow:0 10px 30px rgba(35,30,20,.07)}
.searchbar:focus-within{border-color:var(--txt);color:var(--accent);box-shadow:0 0 0 3px rgba(239,79,35,.12)}
.searchbar input{color:var(--txt);font-size:16px}
.searchbar input::placeholder{color:#99968e}
.chips{justify-content:flex-start;max-width:none;margin:20px 0 0;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding:0 0 8px}
.chips::-webkit-scrollbar{display:none}
.chip{flex:0 0 auto;border:1px solid var(--line2);background:#fff;color:#55534d;border-radius:12px;padding:9px 14px;font-weight:650}
.chip.on,.chip.special.on{background:var(--txt);border-color:var(--txt);color:#fff}
.chip:hover{border-color:var(--txt);color:var(--txt)}
.region-bar{justify-content:flex-start;margin:8px 0 0;padding:0;max-width:none}
.regions-btn{background:#fff;border-color:var(--line2);color:var(--txt);border-radius:12px;padding:9px 14px}
.missing-line{margin:16px 0 0}
.shelf-btn{margin:0;background:var(--txt);border:1px solid var(--txt);color:#fff;border-radius:12px;padding:10px 16px;font-size:13px}
main{max-width:1280px;padding:26px 28px 80px}
.count{margin:0 0 20px;font-weight:650;color:var(--dim)}
.grid{columns:5 200px;column-gap:18px}
.card{margin-bottom:18px;background:var(--card);border-color:var(--line);border-radius:18px;box-shadow:0 1px 2px rgba(25,20,15,.06),0 6px 18px rgba(25,20,15,.05)}
.card:hover{transform:translateY(-4px);border-color:var(--line2);box-shadow:0 16px 35px rgba(25,20,15,.12)}
.thumb{background:#eae7e0}
.meta{padding:12px 13px 14px}
.title{font-size:15px;letter-spacing:-.01em}
.tag{background:#f1eee7;color:#64615a}
.more-hint{color:var(--accent)}
.vote{border-color:var(--line2);background:#fff;color:#4f4d47;padding:5px 10px}
.vote:hover:not(.voted){border-color:var(--accent);color:var(--accent)}
.vote.voted{background:var(--accent);border-color:var(--accent);color:#fff;cursor:pointer}
.rail{margin:28px 0 42px}.rail .rail-title{font-size:22px;letter-spacing:-.03em;margin-bottom:14px}
.card-modal,.panel{background:rgba(30,27,22,.38);backdrop-filter:blur(12px)}
.card-box,.panel-card{background:#fff;border-color:var(--line);border-radius:24px;box-shadow:0 30px 90px rgba(30,27,22,.24)}
.card-body,.panel-body{padding:28px}.panel-close{background:#f1eee7;color:var(--txt)}
.cmt-form input[type=text],.cmt-form input[type=email],.cmt-form textarea,.shelf-comment,.cmt{background:#f9f8f5;border-color:var(--line);color:var(--txt)}
.cmt-form button,.sharecard-btn{background:var(--accent);color:#fff;border-radius:12px}
.ghostbtn{background:#fff;border-color:var(--line2);color:var(--txt);border-radius:12px}
.shelf-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:18px}
.shelf-sec{margin:26px 0}.shelf-sec h4{color:var(--txt);font-size:16px;text-transform:none;letter-spacing:-.02em;margin:0}
.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.section-heading span{font-size:12px;color:var(--dim)}
.shelf-id{gap:14px}.shelf-ava,.shelf-ava-f{width:54px;height:54px}.shelf-kicker{font-size:12px;color:var(--dim)}
.prow{padding:14px 0;border-bottom:1px solid var(--line)}
.pp-head{padding:28px 0 22px;border-bottom:1px solid var(--line)}.pp-name{font-size:36px;letter-spacing:-.04em}.pp-avatar,.pp-avatar-f{width:88px;height:88px}
.lb-row{background:#fff;border-color:var(--line);border-radius:16px}.region-tile{background:#fff;border-color:var(--line)}
footer{border-color:var(--line);color:var(--dim);background:#fff}
@media(max-width:1150px){.grid{columns:4 200px}}
@media(max-width:900px){.grid{columns:3 190px}}
@media(max-width:620px){
 .hero{padding:0 16px 20px}.brand-row{height:62px;margin-bottom:30px}h1{font-size:48px;line-height:.96}.sub{font-size:16px}.searchbar{margin-top:24px;padding:13px 14px}.chips{margin-top:16px}.missing-line{display:none}
 main{padding:20px 12px 60px}.grid{columns:2 145px;column-gap:10px}.card{margin-bottom:10px;border-radius:14px}.meta{padding:9px 10px 11px}.title{font-size:13px}.tag{display:none}.more-hint{font-size:10px}.hook{display:none!important}.vote{font-size:10px;padding:4px 8px}.act{width:32px;height:32px}
 .rail{margin:22px 0 32px}.rail .rail-title{font-size:18px;margin-left:4px}.card-body,.panel-body{padding:22px 16px}.card-modal,.panel{padding:0;align-items:flex-end}.card-box,.panel-card{border-radius:22px 22px 0 0;max-height:92vh;overflow-y:auto}
 .shelf-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.prow{align-items:stretch}.prow>*{width:100%;text-align:center}.plink{padding:8px}.pp-head{padding:18px 4px}.pp-name{font-size:28px}.pp-avatar,.pp-avatar-f{width:68px;height:68px}.pp-owner{align-items:stretch}.pp-owner>*{width:100%;text-align:center}
 .card-actions{flex-wrap:wrap}.card-actions>*{flex:1;min-width:120px}.pedit-row{align-items:stretch}.pedit-row>*{width:100%;text-align:center}
}

/* missing cartoon request form */
.req-form{display:flex;flex-direction:column;gap:10px;margin-top:14px}
.req-form input,.req-form select,.req-form textarea{width:100%;box-sizing:border-box;border:1px solid var(--line2);border-radius:12px;padding:10px 12px;font:inherit;background:#fff;color:var(--txt)}
.req-form textarea{min-height:70px;resize:vertical}
.req-form .hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.req-msg{font-size:13px;color:var(--dim);min-height:18px}
.people-discovery{margin:10px 0 26px}.pd-sec{margin:0 0 22px}.fresh-rail,.talk-rail,.following-strip{display:flex;gap:12px;overflow-x:auto;padding:3px 2px 10px;scrollbar-width:thin}.fresh-card,.talk-card{flex:0 0 280px;background:#fff8e9;border:2px solid var(--line);border-radius:14px;padding:12px;color:var(--txt);text-decoration:none;box-shadow:3px 3px 0 var(--line)}.fresh-card b,.talk-card b{display:block;font-size:15px;margin-bottom:9px}.fresh-posters{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;height:96px}.fresh-posters img,.fresh-posters span{width:100%;height:96px;object-fit:cover;border-radius:7px;border:1px solid var(--line)}.fresh-card small,.talk-card small{display:block;color:var(--dim);margin-top:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.talk-card span{display:block;line-height:1.35;min-height:42px}.follow-chip{display:inline-flex;align-items:center;padding:9px 13px;border:2px solid var(--line);border-radius:999px;color:var(--txt);text-decoration:none;background:#fff8e9;white-space:nowrap}.pd-loading{color:var(--dim);padding:12px 0}@media(max-width:600px){.fresh-card,.talk-card{flex-basis:245px}.fresh-posters{height:84px}.fresh-posters img,.fresh-posters span{height:84px}}
/* compact navigation + X identity */
.region-bar{display:none}
.genre-select-wrap{display:flex;align-items:center;gap:7px;flex:0 0 auto;border:1px solid var(--line2);background:#fff;color:#55534d;border-radius:12px;padding:7px 10px;font-weight:650;font-size:13px}
.genre-select-wrap.on{border-color:var(--txt);box-shadow:inset 0 0 0 1px var(--txt)}
.genre-select-wrap select{max-width:115px;border:0;background:transparent;color:inherit;font:inherit;outline:none;cursor:pointer}
.chips>.regions-btn{flex:0 0 auto;margin:0;background:#fff;border:1px solid var(--line2);color:#55534d;border-radius:12px;padding:9px 14px;font-weight:650}
.x-input{display:flex;align-items:center;background:var(--bg);border:1px solid var(--line);border-radius:8px;color:var(--dim);padding-left:9px}
.x-input input[type=text]{border:0!important;padding-left:3px!important;min-width:150px}
.x-handle{color:#1686c7;text-decoration:none;font-weight:700}.x-handle:hover{text-decoration:underline}
.pp-name-row{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.profile-x{font-size:15px}
.x-nudge{position:fixed;right:20px;bottom:20px;z-index:1200;width:min(330px,calc(100vw - 32px));box-sizing:border-box;background:#171713;color:#fff;border-radius:16px;padding:16px 46px 16px 18px;box-shadow:0 18px 50px rgba(0,0,0,.28);display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.x-nudge b{font-size:14px;line-height:1.35}.x-nudge-edit{border:0;border-radius:9px;background:var(--accent);color:#fff;padding:8px 11px;font-weight:750;cursor:pointer}.x-nudge-close{position:absolute;right:10px;top:8px;border:0;background:transparent;color:#fff;font-size:24px;cursor:pointer}
@media(max-width:620px){.chips{gap:6px;flex-wrap:wrap;overflow:visible}.chip,.chips>.regions-btn{padding:8px 10px;font-size:12px}.genre-select-wrap{padding:6px 8px;font-size:12px}.genre-select-wrap select{max-width:92px}.x-nudge{right:16px;bottom:16px}.pp-name-row{gap:6px}}
/* hidden is semantic state: never allow layout rules to override it */
[hidden]{display:none!important}
/* clear home hierarchy */
.count{font-size:20px;color:var(--txt);font-weight:850;letter-spacing:-.025em;margin:28px 0 18px;padding-top:24px;border-top:1px solid var(--line)}
.people-discovery{margin-top:4px;margin-bottom:10px}
.people-discovery .section-heading h4{font-size:20px;letter-spacing:-.025em}
@media(max-width:620px){.count{font-size:18px;margin-top:22px;padding-top:20px}.people-discovery .section-heading h4{font-size:18px}}

/* shelves feed tab */
.feed-list{display:flex;flex-direction:column;gap:14px;max-width:560px}
.feed-list .fresh-card,.feed-list .talk-card{flex:none;display:block;width:100%;box-sizing:border-box}
.feed-list .fresh-card small,.feed-list .talk-card small{white-space:normal}

/* audit1: visual-first cards and clear participation actions */
.card{cursor:pointer}.card .actions{display:none}.detail-share{margin-top:12px;font-weight:750}.panel-vote{display:inline-flex;margin-right:8px}.shelf-btn{min-width:82px}

/* audit1e: selected-filter contrast */
.region-active,.region-active:hover,.region-active:focus-visible{background:#fff!important;border-color:var(--accent)!important;color:var(--accent)!important;box-shadow:inset 0 0 0 1px var(--accent)}
.genre-select-wrap.on,.genre-select-wrap.on:hover,.genre-select-wrap.on:focus-within{background:#fff;color:var(--txt);border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}
.genre-select-wrap.on select{color:var(--txt)}

/* audit1f: persistent home door */
.brand-sticky{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding-left:max(28px,calc((100vw - 1240px)/2));padding-right:max(28px,calc((100vw - 1240px)/2));box-shadow:0 1px 0 var(--line)}
@media(max-width:620px){.brand-sticky{height:56px;margin-bottom:30px;padding-left:16px;padding-right:16px}.brand-sticky .brand{font-size:20px}.brand-sticky .shelf-btn{padding:8px 13px}}

/* audit1g: people carry identity in the feed */
.feed-identity{display:flex;align-items:center;gap:10px;margin-bottom:10px}.feed-identity b{margin:0}.feed-identity .x-handle{display:block;font-size:12px;margin-top:2px}.feed-avatar,.feed-avatar-f{width:38px;height:38px;border-radius:50%;flex:none;object-fit:cover;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:850;font-size:12px}

/* audit1h: in-app card creation CTA */
.card-make-cta{border:0;background:transparent;font:inherit;cursor:pointer;padding:0}

/* audit1i: zero-vote card creation is a guided pick flow */
.card-pick-guide{position:sticky;top:76px;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#171713;color:#fff;border-radius:16px;padding:16px 18px;margin:0 0 18px;box-shadow:0 14px 35px rgba(23,23,19,.2)}
.card-pick-guide div{display:flex;flex-direction:column;gap:3px}.card-pick-guide b{font-size:16px}.card-pick-guide span{font-size:13px;color:#ddd9cf}.card-pick-guide button{border:1px solid #fff;background:transparent;color:#fff;border-radius:10px;padding:8px 12px;font-weight:750;cursor:pointer;flex:none}.card-pick-mode .vote:not(.voted){border:2px solid var(--accent);color:var(--accent);box-shadow:0 0 0 3px rgba(239,79,35,.12)}
@media(max-width:620px){.card-pick-guide{top:62px;border-radius:12px;padding:13px 14px;align-items:flex-start}.card-pick-guide b{font-size:14px}.card-pick-guide span{font-size:12px}.card-pick-guide button{padding:6px 9px}}

/* audit1n: comments are strictly login-gated */
.discussion-gate{display:flex;align-items:flex-start;flex-direction:column;gap:7px;margin-top:14px;padding:16px;border:1px solid var(--line);border-radius:14px;background:#f9f8f5}.discussion-gate b{font-size:15px}.discussion-gate span{font-size:13px;color:var(--dim)}.discussion-gate button{margin-top:3px}

/* fun1: every vote gets an immediate, visible payoff */
.vote-payoff{position:fixed;left:50%;bottom:24px;z-index:1400;display:flex;align-items:center;gap:12px;min-width:290px;max-width:calc(100vw - 32px);transform:translate(-50%,24px) scale(.96);opacity:0;background:#171713;color:#fff;border-radius:16px;padding:13px 18px;box-shadow:0 18px 50px rgba(0,0,0,.28);transition:opacity .2s,transform .25s cubic-bezier(.2,.9,.3,1.25);pointer-events:none}.vote-payoff.show{opacity:1;transform:translate(-50%,0) scale(1)}.vote-payoff div{display:flex;flex-direction:column;gap:2px}.vote-payoff b{font-size:14px}.vote-payoff span{font-size:12px;color:#ddd9cf}.vote-payoff .vp-tv{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--accent);color:#fff}.vote-payoff .vp-tv svg{width:23px;height:23px}.card.vote-pop{animation:vote-card-pop .65s cubic-bezier(.2,.9,.3,1.2)}@keyframes vote-card-pop{0%{transform:scale(1)}35%{transform:scale(1.035) rotate(-.5deg);box-shadow:0 0 0 4px rgba(239,79,35,.2),0 18px 40px rgba(25,20,15,.16)}100%{transform:scale(1)}}@media(max-width:620px){.vote-payoff{bottom:16px;width:calc(100vw - 32px);min-width:0;padding:12px 14px}.vote-payoff b{font-size:13px}}@media(prefers-reduced-motion:reduce){.vote-payoff,.card.vote-pop{transition:none;animation:none}}
/* sticky2: header must escape the hero's containing block */
.brand-sticky{position:fixed;top:0;left:0;right:0;width:100%;margin:0;padding-left:max(28px,calc((100vw - 1240px)/2));padding-right:max(28px,calc((100vw - 1240px)/2))}
.hero{padding-top:72px}
@media(max-width:620px){.brand-sticky{height:56px;margin:0;padding-left:16px;padding-right:16px}.hero{padding-top:56px}}
/* nav2: the entire navigation is always visible */
.chips{position:fixed;top:72px;left:0;right:0;z-index:49;max-width:none;margin:0;padding:9px max(28px,calc((100vw - 1240px)/2));justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;background:rgba(247,246,242,.97);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);box-shadow:0 4px 12px rgba(25,20,15,.06)}
.hero{padding-top:126px}
@media(max-width:620px){.chips{top:56px;padding:7px 16px;gap:6px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.hero{padding-top:111px}}
/* nav3: logo, search and filter tabs form one persistent header */
.searchbar{position:fixed;top:72px;left:max(28px,calc((100vw - 1240px)/2));right:max(28px,calc((100vw - 1240px)/2));z-index:50;max-width:none;margin:0;border-radius:12px;padding:10px 14px;box-shadow:none}
.chips{top:122px;padding-top:8px;padding-bottom:8px}
.hero{padding-top:178px}
@media(max-width:620px){.searchbar{top:56px;left:16px;right:16px;padding:9px 12px}.chips{top:100px}.hero{padding-top:151px}}
/* nav4: final header direction - slim logo/account row only */
.searchbar{position:static;max-width:740px;margin:32px 0 0;border-radius:16px;padding:15px 18px;box-shadow:0 10px 30px rgba(35,30,20,.07)}
.chips{position:static;max-width:none;margin:20px 0 0;padding:0 0 8px;justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;background:transparent;border:0;box-shadow:none;backdrop-filter:none}
.hero{padding-top:72px}
@media(max-width:620px){.searchbar{position:static;margin-top:24px;padding:13px 14px}.chips{position:static;margin-top:16px;padding:0 0 8px;flex-wrap:wrap;overflow:visible}.hero{padding-top:56px}}

/* fun2: useful discovery hunt + Product Hunt-style social proof */
.face-pile{display:inline-flex;align-items:center;margin-left:4px;min-height:26px}.face{width:25px;height:25px;border-radius:50%;overflow:hidden;border:2px solid #fff;margin-left:-7px;display:grid;place-items:center;text-decoration:none;box-shadow:0 1px 3px rgba(0,0,0,.16)}.face:first-child{margin-left:0}.face[href]{cursor:pointer}.face[href]:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.face img,.face>span{width:100%;height:100%;object-fit:cover;display:grid;place-items:center;color:#fff;font-size:8px;font-weight:850}.face-more{font-size:10px;color:var(--dim);margin-left:5px}.panel-vote{align-items:center}.gem-hunt{margin:4px 0 30px;padding:22px;background:#171713;color:#fff;border-radius:20px}.gem-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:16px}.gem-head span{font-size:10px;letter-spacing:.16em;color:#ff8a69;font-weight:850}.gem-head h2{font-size:28px;letter-spacing:-.04em;margin-top:3px}.gem-head p{font-size:13px;color:#c9c5bd;max-width:330px}.gem-row{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.gem-card{background:#fff;color:#171713;border-radius:13px;overflow:hidden;cursor:pointer}.gem-card>img,.gem-tile{width:100%;height:120px;object-fit:cover;display:grid;place-items:center;color:#fff;font-size:28px;font-weight:900}.gem-card>div{padding:10px}.gem-card b{display:block;font-size:13px;line-height:1.2}.gem-card small{display:block;color:var(--dim);margin:4px 0 8px}.gem-vote{display:flex;align-items:center}.gem-vote .vote{border-color:var(--accent);color:var(--accent)}@media(max-width:800px){.gem-row{display:flex;overflow-x:auto}.gem-card{flex:0 0 150px}.gem-head{align-items:flex-start;flex-direction:column;gap:5px}.gem-hunt{padding:16px;border-radius:16px;margin-top:2px}.gem-head h2{font-size:24px}}

.pp-bottom-cta{display:inline-flex;text-decoration:none;align-items:center;justify-content:center;padding:12px 18px;font-size:14px}
/* stamp album notes: quiet until curiosity */
.stamp{position:relative}.stamp .shelf-note,.stamp .pp-note{opacity:0;transform:translateY(-5px);max-height:0;overflow:hidden;transition:.18s;margin-top:0}.stamp:hover .shelf-note,.stamp:focus-within .shelf-note,.stamp:hover .pp-note,.stamp:focus-within .pp-note{opacity:1;transform:none;max-height:100px;margin-top:7px}.pass-it{display:block;margin-top:9px;font-size:13px;font-weight:750;color:var(--dim)}
@media(max-width:620px){.stamp .shelf-note,.stamp .pp-note{opacity:1;transform:none;max-height:none;margin-top:7px}}
body.moment-route main>:not(#cardpage){display:none!important}body.moment-route .brand{color:#fff}.moment-final>div{box-sizing:border-box;min-height:100vh;justify-content:center}@media(max-width:620px){.moment-final>div{min-height:100vh;padding:70px 24px 38px}.moment-final h2{font-size:46px;margin:10px 0}.moment-final p{font-size:16px}.moment-final button{margin-top:12px}}
.moment-slides{position:relative;min-height:100vh;background:#151411;color:#fff;overflow:hidden}.moment-stage,.moment-slide{min-height:100vh}.moment-slide{display:grid;grid-template-columns:56% 44%}.moment-slide>img,.moment-slide-fall{width:100%;height:100vh;object-fit:cover;display:grid;place-items:center}.moment-slide>div{display:flex;flex-direction:column;justify-content:center;padding:58px;background:#ef4f23}.moment-slide h2{font-size:60px;line-height:.95;margin:14px 0}.moment-final{display:flex;align-items:center;justify-content:center;background:#ffd93d;color:#151411;text-align:center}.moment-final>div{background:transparent;align-items:center;min-height:100vh}.moment-progress{position:absolute;z-index:3;top:18px;left:20px;right:120px;display:flex;gap:5px}.moment-progress i{height:4px;background:#ffffff55;flex:1}.moment-progress i.on{background:#fff}.moment-prev,.moment-next{position:absolute;z-index:3;top:50%;width:48px;height:48px;border:0;border-radius:50%;font-size:30px}.moment-prev{left:14px}.moment-next{right:14px}.moment-static{position:absolute;z-index:4;right:16px;top:12px;border:1px solid #fff;background:#0007;color:#fff;border-radius:99px;padding:7px 11px}body.moment-route .hero-inner>*:not(.brand-row),body.moment-route main>:not(#cardpage),body.moment-route footer{display:none!important}body.moment-route .hero{padding:0;min-height:0}body.moment-route main,body.moment-route .cardpage{max-width:none;margin:0;padding:0}@media(max-width:620px){.moment-slide{grid-template-columns:1fr;grid-template-rows:57vh auto}.moment-slide>img,.moment-slide-fall{height:57vh}.moment-slide>div{padding:28px 22px}.moment-slide h2{font-size:43px}.moment-final{display:flex}.moment-final>div{min-height:100vh}.moment-final h2{font-size:46px}}
/* card v2: dialogue + creator audio + snap */
.voice-h{font-size:26px}.voice-step{display:grid;gap:9px;margin:18px 0}.voice-step>b,.voice-fact>b{font-size:12px;letter-spacing:.12em;text-transform:uppercase}.voice-step>b span{color:var(--muted);font-weight:600;letter-spacing:0;text-transform:none}.voice-show-tabs,.dialogue-grid{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.voice-show,.dialogue-choice{border:1px solid var(--line);background:#fff;border-radius:12px;padding:10px 12px;text-align:left;cursor:pointer}.voice-show{white-space:nowrap;font-weight:750}.voice-show.on,.dialogue-choice.on{border-color:var(--accent);box-shadow:0 0 0 2px rgba(239,79,35,.14)}.dialogue-choice{min-width:220px;display:grid;gap:5px}.dialogue-choice strong{font-size:13px}.dialogue-choice span{font-size:15px;line-height:1.3}.voice-wanted{border:1px solid var(--line);border-radius:12px;padding:13px;font:inherit}.record-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.record-state{font-size:13px;color:var(--muted)}.record-preview{height:38px;max-width:100%}.snap-preview{width:112px;height:112px;object-fit:cover;border-radius:18px;border:1px solid var(--line)}.snap-pick{width:max-content}.voice-fact{background:#f1eee7;border-radius:14px;padding:14px;display:grid;gap:5px}.voice-fact span{font-size:14px}.voice-sign{font-size:13px;color:var(--muted);margin:14px 0}.voice-publish{width:100%}.character-card{background:#151411}.character-visual{padding:0!important;background:#151411!important;overflow:hidden}.character-visual img{width:100%;height:100vh;object-fit:cover}.character-copy blockquote{font-size:28px;line-height:1.14;margin:12px 0 20px}.character-copy p{font-size:15px;line-height:1.45}.character-copy p b{font-size:11px;letter-spacing:.12em}.character-audio{width:min(360px,100%);margin-top:20px}
@media(max-width:620px){.voice-h{font-size:22px}.dialogue-choice{min-width:78vw}.character-visual img{height:48vh}.character-card{grid-template-rows:48vh auto}.character-copy{padding:24px 22px!important}.character-copy h2{font-size:40px}.character-copy blockquote{font-size:23px}.character-copy p{font-size:14px}.character-audio{margin-top:12px}}
.character-audio-wrap{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:20px}.character-play{border:0;border-radius:999px;background:#fff;color:#171713;padding:12px 17px;font-weight:800;cursor:pointer}.character-audio{display:none}.character-audio-state{font-size:12px;opacity:.8}
.create-hero-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;width:min(740px,100%);box-sizing:border-box;margin:24px 0 20px;padding:20px 22px;border-radius:18px;background:#ef4f23;color:#fff;text-decoration:none;box-shadow:0 12px 30px rgba(239,79,35,.24)}.create-hero-cta b{font-size:21px}.create-hero-cta span{font-size:14px;font-weight:700}.create-hero-cta:hover{transform:translateY(-1px)}body.create-route .card-modal{background:#f7f6f2}body.create-route .card-box{max-width:780px}
@media(max-width:620px){.create-hero-cta{display:grid;gap:4px;margin:18px 0 12px;padding:16px;border-radius:14px}.create-hero-cta b{font-size:18px}.create-hero-cta span{font-size:12px}}

/* card-object1: character cards are compact shareable objects, not page layouts */
body.character-card-route{background:#eee9df}
body.character-card-route .hero{background:transparent}
body.character-card-route .moment-slides{min-height:calc(100vh - 72px);background:radial-gradient(circle at 50% 15%,#fff 0,#eee9df 48%,#ddd5c7 100%);padding:38px 20px 54px;display:grid;place-items:center}
body.character-card-route .moment-stage{min-height:0;width:min(430px,calc(100vw - 32px))}
body.character-card-route .moment-progress,body.character-card-route .moment-prev,body.character-card-route .moment-next,body.character-card-route .moment-static{display:none!important}
.character-card{position:relative;display:flex!important;flex-direction:column;aspect-ratio:2/3;min-height:0!important;width:100%;overflow:hidden;border:7px solid rgba(255,255,255,.9);border-radius:26px;box-shadow:0 24px 70px rgba(26,22,13,.26),0 3px 9px rgba(26,22,13,.18);color:#fff;isolation:isolate}
.character-card:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 28%,rgba(13,12,10,.28) 55%,rgba(13,12,10,.74) 100%)}
.character-card-art{position:relative;height:47%;padding:0!important;background:rgba(255,255,255,.14)!important;overflow:hidden}
.character-card-art>img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 14px rgba(0,0,0,.28));padding:25px 26px 14px}
.character-art-fall{display:grid;place-items:center;height:100%;font-size:92px;font-weight:950;text-shadow:0 4px 18px #0005}
.character-card-label{position:absolute;top:14px;left:16px;padding:6px 9px;border-radius:7px;background:#fff;color:#171713;font-size:10px;font-weight:950;letter-spacing:.16em}
.character-copy{position:relative;flex:1;display:flex!important;flex-direction:column;justify-content:flex-start!important;padding:19px 20px 17px!important;background:transparent!important;text-shadow:0 1px 1px #0004}
.character-title{padding-right:84px}
.character-copy h2{font-size:clamp(36px,9vw,50px)!important;line-height:.92!important;letter-spacing:-.045em;margin:0 0 9px!important}
.character-copy blockquote{font-size:clamp(22px,5.5vw,29px)!important;line-height:1.05!important;font-weight:850;letter-spacing:-.025em;margin:0!important}
.creator-take{position:absolute;right:16px;top:-44px;width:78px;margin:0;transform:rotate(3deg)}
.creator-take img{display:block;width:78px;height:90px;object-fit:cover;border:5px solid #fff;border-bottom-width:18px;border-radius:5px;box-shadow:0 8px 18px #0005}
.creator-take figcaption{position:absolute;bottom:3px;left:0;right:0;text-align:center;color:#171713;text-shadow:none;font-size:8px;font-weight:950;letter-spacing:.12em}
.character-audio-wrap{margin-top:auto!important;display:grid!important;grid-template-columns:auto 1fr;align-items:center;gap:5px 9px!important}
.character-play{grid-column:1/-1;width:100%;min-height:45px;background:#fff!important;font-size:14px;text-shadow:none}
.character-audio-state{font-size:10px!important;opacity:.82;grid-column:1/-1;text-align:center}
.character-sign{display:block;margin-top:7px;text-align:center;font-size:11px!important;font-weight:750;opacity:.9}
.character-back{margin-top:6px;text-align:center;font-size:10px;text-shadow:none}
.character-back summary{display:inline-block;cursor:pointer;text-decoration:underline;text-underline-offset:2px;opacity:.88}
.character-back[open]{position:absolute;inset:0;z-index:8;margin:0;padding:45px 28px;display:flex;flex-direction:column;justify-content:center;background:#161510;color:#fff;text-align:left;font-size:13px;border-radius:17px}
.character-back[open] summary{position:absolute;top:18px;right:18px;font-size:11px}
.character-back p{margin:14px 0;font-size:15px!important;line-height:1.4}
.character-back p b{font-size:10px!important;letter-spacing:.12em}
@media(max-width:620px){body.character-card-route .moment-slides{min-height:calc(100svh - 62px);padding:18px 12px 26px}body.character-card-route .moment-stage{width:min(380px,calc(100vw - 24px))}.character-card{border-width:5px;border-radius:22px}.character-card-art{height:46%}.character-card-art>img{padding:22px 24px 11px}.character-copy{padding:17px 17px 14px!important}.character-title{padding-right:72px}.character-copy h2{font-size:38px!important}.character-copy blockquote{font-size:23px!important}.creator-take{right:13px;top:-38px;width:68px}.creator-take img{width:68px;height:80px}.character-play{min-height:43px;font-size:13px}.character-sign{font-size:10px!important}}

/* card-object2: VeeFriends / sports-card visual language */
.character-card{border:9px solid #f8f2df;outline:2px solid rgba(24,19,8,.75);outline-offset:-6px;background-color:#cfb767}
.character-card:before{content:"";position:absolute;inset:5px;border:1px solid rgba(255,255,255,.62);border-radius:15px;pointer-events:none;z-index:9}
.character-nameplate{position:relative;z-index:3;height:15%;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:10px 18px 8px;background:linear-gradient(180deg,#fff9df 0,#d8c07b 12%,#fff3bd 48%,#b69742 100%);border-bottom:3px solid #2a2010;color:#17130a;text-align:center;text-shadow:0 1px #fff9;box-shadow:0 4px 0 rgba(255,255,255,.35) inset,0 -4px 0 rgba(70,45,5,.15) inset}
.character-nameplate span{font-size:8px;font-weight:950;letter-spacing:.2em}
.character-nameplate h2{font-size:clamp(31px,8vw,43px)!important;line-height:.9!important;letter-spacing:-.04em;text-transform:uppercase;margin:3px 0 0!important;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.character-card-art{height:43%;margin:0 12px;border-left:3px solid #2a2010;border-right:3px solid #2a2010;border-bottom:3px solid #2a2010;background:radial-gradient(circle,#ffffff35,transparent 65%)!important}
.character-card-art>img{padding:10px 20px 2px}
.character-card-label{top:10px;left:9px;background:#17130a;color:#fff8d8;border:1px solid #fff6;font-size:8px;box-shadow:0 2px 5px #0005}
.character-copy{padding:11px 17px 14px!important}
.character-title{padding:9px 12px!important;background:rgba(14,12,7,.8);border:2px solid #f9e6a5;border-radius:8px;text-align:center;box-shadow:0 0 0 2px #241b0d,0 4px 9px #0004}
.character-copy blockquote{font-size:clamp(19px,4.9vw,26px)!important;line-height:1.03!important}
.character-stats{position:relative;display:grid;grid-template-columns:66px 1fr;gap:8px 10px;align-items:center;margin-top:auto;padding:10px 9px 8px;background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(237,220,165,.96));border:2px solid #241b0d;border-radius:8px;color:#17130a;text-shadow:none;box-shadow:0 0 0 2px rgba(255,246,202,.6)}
.creator-take{position:relative!important;right:auto!important;top:auto!important;width:58px!important;margin:0!important;transform:rotate(-2deg);grid-row:1/4}
.creator-take img{width:58px!important;height:68px!important;border:3px solid #fff!important;border-bottom-width:14px!important;border-radius:3px!important;box-shadow:0 3px 8px #0005!important}
.creator-take figcaption{bottom:2px!important;font-size:7px!important}
.character-stats .character-audio-wrap{grid-column:2;margin:0!important;display:block!important}
.character-play{min-height:38px!important;padding:8px 10px!important;background:#17130a!important;color:#fff7d7!important;border:2px solid #9e7c2b!important;font-size:12px!important}
.character-audio-state{display:block;margin-top:3px;font-size:8px!important;color:#51452e;opacity:1!important;text-align:center}
.character-sign{grid-column:2;display:grid!important;grid-template-columns:auto 1fr;gap:1px 6px;margin:0!important;text-align:left!important;align-items:baseline;font-size:9px!important;color:#17130a}
.character-sign b{font-size:7px;letter-spacing:.14em;color:#695931}
.character-sign span{font-weight:950;font-size:11px}
.character-sign i{grid-column:2;font-style:normal;font-size:8px;color:#695931}
.character-back{margin-top:5px!important;color:#fff}
@media(max-width:620px){.character-card{border-width:7px}.character-nameplate{height:14%;padding:8px 14px 6px}.character-nameplate h2{font-size:34px!important}.character-card-art{height:43%;margin:0 10px}.character-copy{padding:9px 14px 12px!important}.character-title{padding:8px 10px!important}.character-copy blockquote{font-size:21px!important}.character-stats{grid-template-columns:58px 1fr;padding:8px}.creator-take{width:52px!important}.creator-take img{width:52px!important;height:62px!important}.character-play{font-size:11px!important}}
/* visual QA fix: keep the physical card clear of the sticky masthead on desktop */
@media(min-width:621px){body.character-card-route .moment-slides{padding-top:78px;padding-bottom:28px}body.character-card-route .moment-stage{width:min(390px,calc(100vw - 32px))}}

/* identity1: exchangeable creator-first card, Instagram/Pinterest polish */
.identity-card{background:#fff!important;color:#171713;border:1px solid #ddd!important;outline:0!important;border-radius:24px;box-shadow:0 24px 70px rgba(30,25,18,.2),0 2px 8px rgba(30,25,18,.1);padding:0;display:flex!important;flex-direction:column}
.identity-card:before,.identity-card:after{display:none}
.identity-head{height:31%;display:grid;grid-template-columns:104px 1fr;gap:15px;align-items:center;padding:20px 20px 15px;background:#fff;border-bottom:1px solid #e9e6df}
.identity-avatar{width:104px;height:104px;border-radius:50%;padding:4px;background:linear-gradient(135deg,#ffcf3f,#ff5d8f 55%,#7856ff);box-shadow:0 6px 18px #0002}
.identity-avatar img,.identity-avatar>span{display:grid;width:100%;height:100%;border:4px solid #fff;border-radius:50%;object-fit:cover;place-items:center;background:#ef4f23;color:#fff;font-size:26px;font-weight:950}
.identity-person{min-width:0;text-shadow:none}.identity-person>span{font-size:8px;letter-spacing:.18em;font-weight:900;color:#9d5b38}.identity-person h2{font-size:30px!important;line-height:.95!important;margin:5px 0 7px!important;letter-spacing:-.035em;color:#171713;text-transform:none!important;white-space:normal!important}.identity-person p{font-size:12px;line-height:1.25;color:#5e5a52;margin:0 0 5px}.identity-person a{font-size:11px;font-weight:800;color:#b64220;text-decoration:none}
.character-flavor{height:39%;display:grid;grid-template-columns:42% 58%;overflow:hidden;background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(255,255,255,.48));border-bottom:1px solid rgba(0,0,0,.1)}
.flavor-art{display:grid;place-items:center;overflow:hidden;background:rgba(255,255,255,.25)}.flavor-art img{width:100%;height:100%;object-fit:contain;padding:14px;filter:drop-shadow(0 8px 8px #0003)}.flavor-art>span{font-size:52px;font-weight:950}
.flavor-copy{display:flex;flex-direction:column;justify-content:center;padding:16px 16px 16px 8px;text-shadow:0 1px #fff8}.flavor-copy small{font-size:8px;letter-spacing:.16em;font-weight:900;opacity:.65}.flavor-copy>b{font-size:24px;line-height:1;margin:5px 0 9px;letter-spacing:-.03em}.flavor-copy blockquote{font-size:17px!important;line-height:1.12!important;font-weight:850;margin:0!important;color:#171713}
.exchange-zone{height:30%;display:flex;flex-direction:column;padding:15px 18px 13px;background:#fff;text-shadow:none}.exchange-zone .character-audio-wrap{display:block!important;margin:0!important}.exchange-zone .character-play{width:100%;min-height:42px;background:#171713!important;color:#fff!important;border:0!important;font-size:12px!important}.exchange-zone .character-audio-state{display:block;text-align:center;margin-top:3px;font-size:8px!important;color:#78736a}.exchange-meta{display:flex;justify-content:space-between;align-items:center;margin-top:auto;color:#817b70}.exchange-meta small{font-size:7px;letter-spacing:.12em;font-weight:850}.exchange-meta b{font-size:9px}.exchange-profile{display:block;margin-top:6px;padding:7px;border:1px solid #ddd7cc;border-radius:9px;color:#171713;text-decoration:none;text-align:center;font-size:10px;font-weight:850}.identity-card .character-back{margin-top:4px!important;color:#777}.identity-card .character-back[open]{color:#fff}
@media(max-width:620px){.identity-head{grid-template-columns:92px 1fr;padding:16px 16px 12px;gap:13px}.identity-avatar{width:92px;height:92px}.identity-person h2{font-size:27px!important}.character-flavor{grid-template-columns:40% 60%}.flavor-art img{padding:10px}.flavor-copy{padding:13px 13px 13px 6px}.flavor-copy>b{font-size:22px}.flavor-copy blockquote{font-size:16px!important}.exchange-zone{padding:12px 15px 10px}.exchange-zone .character-play{min-height:39px}}
/* identity1a visual QA: defeat legacy slide div skin and contain the themed band */
.identity-card>.character-flavor{background:linear-gradient(135deg,rgba(255,255,255,.88),rgba(255,255,255,.34))!important;padding:0!important}
.identity-card>.exchange-zone{background:#fff!important;padding:15px 18px 13px!important}
.identity-card>.identity-head{background:#fff!important;padding:20px 20px 15px!important}
.flavor-art,.flavor-copy{min-width:0;overflow:hidden}.flavor-art img{display:block;max-width:100%;max-height:100%;object-fit:contain}.flavor-copy blockquote{overflow-wrap:anywhere}
.identity-card .exchange-profile{color:#171713!important;border-color:#d8d2c7!important;background:#fff!important}
.identity-card .character-back{color:#716b61!important}
@media(max-width:620px){.identity-card>.identity-head{padding:16px 16px 12px!important}.identity-card>.exchange-zone{padding:12px 15px 10px!important}}
/* identity1b: the chosen cartoon is the card's unmistakable skin */
.identity-card>.identity-head{height:29%;border-top:9px solid rgba(239,79,35,.9)!important;box-shadow:inset 0 -5px 0 rgba(239,79,35,.12)}
.identity-card>.character-flavor{height:43%;background:inherit!important;border-top:3px solid rgba(23,23,19,.8);border-bottom:3px solid rgba(23,23,19,.8)}
.identity-card>.exchange-zone{height:28%}
.flavor-art{background:rgba(255,255,255,.12)!important;border-right:1px solid rgba(0,0,0,.15)}
.flavor-art img{padding:8px;filter:drop-shadow(0 9px 7px rgba(0,0,0,.38))}
.flavor-copy{background:rgba(255,255,255,.82)!important;margin:13px 12px 13px 0;padding:13px!important;border-radius:14px;box-shadow:0 7px 22px rgba(0,0,0,.18)}
.flavor-copy small{color:#6f391f;opacity:1}.flavor-copy>b,.flavor-copy blockquote{color:#171713!important}
.identity-avatar{box-shadow:0 0 0 3px rgba(239,79,35,.22),0 7px 20px #0002}
@media(max-width:620px){.identity-card>.identity-head{height:29%;border-top-width:7px!important}.identity-card>.character-flavor{height:43%}.identity-card>.exchange-zone{height:28%}.flavor-copy{margin:10px 9px 10px 0;padding:10px!important}}
/* charart1: approved identity shape locked; character artwork fully visible */
.flavor-art{padding:8px!important}.flavor-art img{width:100%!important;height:100%!important;max-width:100%;max-height:100%;object-fit:contain!important;object-position:center!important;padding:4px!important}.flavor-copy{align-self:center;max-height:calc(100% - 22px);overflow:auto}
@media(max-width:620px){.flavor-art{padding:6px!important}.flavor-art img{padding:2px!important}.flavor-copy{max-height:calc(100% - 16px)}}
/* charart1a visual QA: fully visible character and quote, no internal scrollbar */
.flavor-art img{width:calc(100% - 10px)!important;height:calc(100% - 10px)!important;margin:5px!important;object-fit:contain!important}
.flavor-copy{max-height:none!important;overflow:visible!important;margin:10px 10px 10px 0!important;padding:10px!important;align-self:stretch!important;justify-content:center!important}
.flavor-copy>b{font-size:20px!important;margin:3px 0 6px!important}.flavor-copy blockquote{font-size:14px!important;line-height:1.08!important;display:block!important;overflow:visible!important}
@media(max-width:620px){.flavor-copy{margin:8px 8px 8px 0!important;padding:8px!important}.flavor-copy>b{font-size:18px!important}.flavor-copy blockquote{font-size:13px!important}}
/* charart1b: hard-bound character art to its grid cell */
.flavor-art{position:relative!important;min-height:0!important;padding:8px!important}.flavor-art img{position:absolute!important;inset:8px!important;width:calc(100% - 16px)!important;height:calc(100% - 16px)!important;margin:0!important;object-fit:contain!important;object-position:center!important}
@media(max-width:620px){.flavor-art img{inset:6px!important;width:calc(100% - 12px)!important;height:calc(100% - 12px)!important}}
/* charart1c: restore the locked two-column flavor band against legacy slide flex */
.identity-card>.character-flavor{display:grid!important;grid-template-columns:42% 58%!important;grid-template-rows:1fr!important;align-items:stretch!important}
@media(max-width:620px){.identity-card>.character-flavor{grid-template-columns:40% 60%!important}}
/* links1: up to three opt-in destinations on the approved card face */
.p-links-edit{display:grid;gap:7px;grid-column:1/-1;padding:10px;border:1px solid var(--line);border-radius:12px}.p-links-edit>b{font-size:12px}.p-links-edit>b span{color:var(--muted);font-weight:500}.p-link-row{display:grid;grid-template-columns:120px 1fr;gap:7px}.p-link-row input{min-width:0}
.exchange-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:6px}.exchange-link{display:flex;align-items:center;justify-content:center;min-height:29px;padding:5px 4px;border-radius:8px;background:#ef4f23;color:#fff!important;text-decoration:none;font-size:9px;font-weight:900;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.exchange-link.link-1{background:#7856ff}.exchange-link.link-2{background:#171713}
.identity-card:has(.exchange-links) .exchange-zone{padding-top:10px!important;padding-bottom:9px!important}.identity-card:has(.exchange-links) .exchange-zone .character-play{min-height:36px!important}.identity-card:has(.exchange-links) .exchange-profile{display:none}
@media(max-width:620px){.p-link-row{grid-template-columns:1fr}.exchange-links{gap:4px}.exchange-link{min-height:28px;font-size:8px}.identity-card:has(.exchange-links) .exchange-zone{padding-top:9px!important;padding-bottom:7px!important}}
/* links1 tactile polish: mobile-native, playful, easy */
.p-link-row{padding:6px;background:#f6f3ed;border-radius:10px}.p-link-row input{border:1px solid #ded8cd;border-radius:9px;padding:10px;font:inherit}.exchange-link{transition:transform .12s,filter .12s;box-shadow:0 3px 8px #0002}.exchange-link:active{transform:scale(.96);filter:brightness(.92)}
/* meme1: locked anatomy, TikTok/musical.ly meme-feed skin only */
body.character-card-route .moment-slides{background:radial-gradient(circle at 30% 18%,#30205c 0,#100f18 45%,#07070b 100%)}
.identity-card{background:#0d0d12!important;color:#fff!important;border:3px solid #fff!important;border-radius:22px;box-shadow:7px 7px 0 #25f4ee,-7px -7px 0 #fe2c55,0 28px 80px #000a}
.identity-card>.identity-head{background:#0d0d12!important;color:#fff!important;border-top:0!important;border-bottom:3px solid #fff!important;box-shadow:none!important}
.identity-avatar{padding:3px;background:linear-gradient(135deg,#25f4ee,#fff 43%,#fe2c55);box-shadow:4px 4px 0 #fe2c55,-4px -4px 0 #25f4ee!important}
.identity-person>span{color:#25f4ee!important}.identity-person h2{color:#fff!important;font-weight:950!important;text-transform:uppercase!important;text-shadow:3px 3px 0 #fe2c55,-2px -2px 0 #25f4ee!important}.identity-person p{color:#e9e9ef!important}.identity-person a{color:#fff!important;background:#fe2c55;padding:3px 6px;border-radius:5px;display:inline-block;transform:rotate(-1deg)}
.identity-card>.character-flavor{border-top:0!important;border-bottom:3px solid #fff!important;background:inherit!important}
.flavor-art{background:linear-gradient(145deg,rgba(255,255,255,.3),rgba(0,0,0,.12))!important}
.flavor-copy{background:#fff!important;border:3px solid #0d0d12;border-radius:4px!important;box-shadow:5px 5px 0 #25f4ee,-4px -4px 0 #fe2c55!important;transform:rotate(-1deg);color:#0d0d12!important}
.flavor-copy small{color:#fe2c55!important;font-weight:950!important}.flavor-copy>b{font-family:Impact,"Arial Black",sans-serif;font-size:23px!important;line-height:.9!important;text-transform:uppercase}.flavor-copy blockquote{font-family:Impact,"Arial Black",sans-serif;font-size:15px!important;line-height:1.02!important;text-transform:uppercase;letter-spacing:.01em}
.identity-card>.exchange-zone{background:#0d0d12!important;color:#fff!important}
.exchange-zone .character-play{background:#fff!important;color:#0d0d12!important;border:3px solid #25f4ee!important;border-radius:6px!important;box-shadow:4px 4px 0 #fe2c55;font-family:Impact,"Arial Black",sans-serif;letter-spacing:.035em;text-transform:uppercase}
.exchange-zone .character-audio-state{color:#b9b9c3!important}.exchange-meta{color:#d9d9df!important}.exchange-meta small{color:#25f4ee!important}.exchange-link{border:2px solid #fff;border-radius:5px!important;box-shadow:3px 3px 0 #25f4ee!important;font-family:Impact,"Arial Black",sans-serif;letter-spacing:.035em;text-transform:uppercase}.exchange-link.link-1{box-shadow:3px 3px 0 #fe2c55!important}.exchange-link.link-2{background:#25f4ee!important;color:#0d0d12!important;box-shadow:3px 3px 0 #fe2c55!important}.identity-card .character-back{color:#fff!important}.identity-card .character-back summary{text-transform:uppercase;font-family:Impact,"Arial Black",sans-serif;letter-spacing:.04em}
@media(max-width:620px){.identity-card{box-shadow:5px 5px 0 #25f4ee,-5px -5px 0 #fe2c55,0 22px 55px #0009}.identity-person h2{font-size:25px!important}.flavor-copy>b{font-size:20px!important}.flavor-copy blockquote{font-size:13px!important}.exchange-link{box-shadow:2px 2px 0 #25f4ee!important}}
/* flip1: approved card becomes a true front/back social object */
.flip-card{perspective:1200px;background:transparent!important;overflow:visible!important;border:0!important;box-shadow:none!important}
.flip-inner{position:relative!important;width:100%;height:100%;padding:0!important;background:transparent!important;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.2,.75,.2,1)}.flip-card.flipped .flip-inner{transform:rotateY(180deg)}
.flip-face{position:absolute;inset:0;display:flex;flex-direction:column;overflow:hidden;backface-visibility:hidden;border:3px solid #fff;border-radius:22px;background:#0d0d12;box-shadow:7px 7px 0 #25f4ee,-7px -7px 0 #fe2c55,0 28px 80px #000a}.flip-back{transform:rotateY(180deg);color:#fff;background:linear-gradient(155deg,#171126,#0a0a0f 70%)}
.flip-front .identity-head{height:34%!important}.flip-front .identity-person p,.flip-front .identity-person a{display:none}.flip-front .character-flavor{height:56%!important;border-bottom:0!important}.flip-toggle{height:10%;border:0;border-top:3px solid #fff;background:#fe2c55;color:#fff;font-family:Impact,"Arial Black",sans-serif;letter-spacing:.055em;font-size:12px;cursor:pointer}.flip-toggle:active{transform:scale(.98)}
.back-head{height:26%;padding:24px 22px!important;background:linear-gradient(135deg,#fe2c55,#7b2cff)!important;text-shadow:none}.back-head>span{font-size:9px;letter-spacing:.18em;font-weight:950}.back-head h2{font-size:34px!important;line-height:.92!important;margin:7px 0!important;text-transform:uppercase!important;text-shadow:3px 3px 0 #25f4ee}.back-head p{font-size:13px!important;margin:0}.back-head small{font-size:10px}
.back-body{height:64%;display:flex!important;flex-direction:column;padding:16px 18px!important;background:#0d0d12!important;color:#fff;text-shadow:none}.back-body .character-audio-wrap{margin:0!important}.back-body .character-play{width:100%;min-height:40px;background:#fff!important;color:#111!important;border:3px solid #25f4ee!important;border-radius:6px!important;box-shadow:4px 4px 0 #fe2c55;font-family:Impact,"Arial Black",sans-serif}.back-body .character-audio-state{display:block;text-align:center;font-size:8px;margin-top:4px;color:#aaa}.back-body .exchange-links{margin:9px 0}.back-challenge{display:grid;gap:4px;padding:11px;margin-top:auto;border:2px solid #fff;background:#211439;box-shadow:4px 4px 0 #25f4ee}.back-challenge small{color:#25f4ee;font-size:8px;letter-spacing:.15em;font-weight:950}.back-challenge b{font-family:Impact,"Arial Black",sans-serif;font-size:17px;line-height:1.04;text-transform:uppercase}.back-challenge span{font-size:10px;color:#ddd}.back-body>p{font-size:10px!important;margin:8px 0 0}.back-body>p b{font-size:8px!important;color:#25f4ee}.back-body .exchange-meta{margin-top:auto}.flip-back-toggle{height:10%;background:#25f4ee;color:#111;border-color:#fff}
@media(max-width:620px){.flip-face{box-shadow:5px 5px 0 #25f4ee,-5px -5px 0 #fe2c55,0 22px 55px #0009}.back-head{padding:20px 18px!important}.back-head h2{font-size:30px!important}.back-body{padding:13px 15px!important}.back-challenge{padding:9px}.back-challenge b{font-size:15px}}
/* flip2: 9:16 full-bleed TikTok object in an Imgur-dark environment */
body.character-card-route{margin:0;background:#07080d!important;color:#fff}
body.character-card-route .hero{display:none!important}
body.character-card-route main,body.character-card-route .cardpage{width:100%!important;max-width:none!important;height:100svh!important;min-height:100svh!important;margin:0!important;padding:0!important;background:#07080d!important}
body.character-card-route .moment-slides{width:100%!important;height:100svh!important;min-height:100svh!important;margin:0!important;padding:0!important;display:grid!important;place-items:center!important;background:radial-gradient(circle at 50% 18%,#20243a 0,#11131d 42%,#07080d 100%)!important;overflow:hidden!important}
body.character-card-route .moment-stage{width:min(100vw,56.25svh)!important;height:min(100svh,177.7778vw)!important;aspect-ratio:9/16!important;min-height:0!important;margin:0!important;background:#0a0b10;box-shadow:0 0 80px #000!important}
body.character-card-route .flip-card{width:100%!important;height:100%!important;aspect-ratio:9/16!important;border-radius:0!important}
body.character-card-route .flip-face{border:0!important;border-radius:0!important;box-shadow:none!important;background:#090a0f;isolation:isolate}
body.character-card-route .flip-front{background:linear-gradient(155deg,rgba(255,255,255,.12),rgba(0,0,0,.1)),var(--tile-bg,#eebf23)}
body.character-card-route .flip-front:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(4,5,9,.68) 0,transparent 24%,transparent 52%,rgba(4,5,9,.82) 82%,#05060a 100%)}
body.character-card-route .flip-front .identity-head{position:absolute!important;z-index:4;left:0;right:0;top:0;height:auto!important;display:flex!important;align-items:center!important;gap:13px!important;padding:22px 18px!important;background:transparent!important;border:0!important}
body.character-card-route .flip-front .identity-avatar{width:54px!important;height:54px!important;flex:0 0 54px;padding:2px!important;box-shadow:none!important;background:#fff!important}
body.character-card-route .flip-front .identity-avatar img,body.character-card-route .flip-front .identity-avatar>span{border:2px solid #fff!important}
body.character-card-route .flip-front .identity-person>span{font-size:9px!important;color:#fff!important;opacity:.76}
body.character-card-route .flip-front .identity-person h2{font:900 25px/1 system-ui,sans-serif!important;margin:3px 0 0!important;color:#fff!important;text-shadow:0 2px 12px #000!important;text-transform:none!important}
body.character-card-route .flip-front .character-flavor{position:absolute!important;z-index:0;inset:0!important;width:100%!important;height:100%!important;display:block!important;border:0!important;background:transparent!important}
body.character-card-route .flip-front .flavor-art{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;padding:80px 8px 180px!important;border:0!important;background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.42),transparent 57%)!important;overflow:hidden!important}
body.character-card-route .flip-front .flavor-art img{position:static!important;display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;object-fit:contain!important;object-position:center!important;filter:drop-shadow(0 20px 18px rgba(0,0,0,.55))!important}
body.character-card-route .flip-front .flavor-copy{position:absolute!important;z-index:3;left:18px!important;right:66px!important;bottom:88px!important;display:flex!important;align-self:auto!important;justify-content:flex-end!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;transform:none!important;color:#fff!important;text-shadow:0 3px 12px #000!important}
body.character-card-route .flip-front .flavor-copy small{font:900 10px/1 system-ui,sans-serif!important;letter-spacing:.16em!important;color:#fff!important;opacity:.78}
body.character-card-route .flip-front .flavor-copy>b{font:950 clamp(34px,5.2svh,54px)/.9 system-ui,sans-serif!important;letter-spacing:-.055em!important;margin:7px 0 10px!important;color:#fff!important;text-transform:uppercase!important}
body.character-card-route .flip-front .flavor-copy blockquote{font:850 clamp(19px,2.7svh,29px)/1.04 system-ui,sans-serif!important;letter-spacing:-.025em!important;color:#fff!important;text-transform:none!important;text-shadow:0 3px 12px #000!important}
body.character-card-route .flip-toggle{position:absolute;z-index:5;right:14px;bottom:18px;width:44px!important;height:44px!important;min-height:44px;border:2px solid #fff!important;border-radius:50%!important;background:#fe2c55!important;color:#fff!important;font:900 0/1 system-ui,sans-serif!important;box-shadow:0 4px 18px #0008;cursor:pointer}
body.character-card-route .flip-toggle:after{content:"↻";font-size:25px;line-height:1}
body.character-card-route .flip-back{background:linear-gradient(160deg,#262b43 0,#11131d 33%,#08090e 100%)!important}
body.character-card-route .back-head{height:24%!important;padding:28px 22px!important;background:linear-gradient(145deg,#fe2c55,#7b2cff 70%,#25f4ee)!important}
body.character-card-route .back-head h2{font-size:clamp(36px,5.2svh,54px)!important}
body.character-card-route .back-body{height:68%!important;padding:18px 20px!important;background:transparent!important}
body.character-card-route .back-body .character-play{min-height:48px!important;border:0!important;border-radius:2px!important;box-shadow:5px 5px 0 #25f4ee!important}
body.character-card-route .back-body .exchange-links{margin:12px 0!important;gap:7px!important}
body.character-card-route .back-body .exchange-link{min-height:36px!important;border:0!important;border-radius:2px!important;font-size:9px!important}
body.character-card-route .back-challenge{margin-top:10px!important;padding:14px!important;border:1px solid #626984!important;background:#181b2a!important;box-shadow:none!important}
body.character-card-route .back-challenge b{font:900 clamp(18px,2.4svh,25px)/1 system-ui,sans-serif!important}
body.character-card-route .back-challenge span{font-size:12px!important}
body.character-card-route .back-body>p{font-size:12px!important;line-height:1.25!important;margin:10px 0 0!important}
body.character-card-route .flip-back-toggle{position:absolute!important;right:16px!important;bottom:16px!important;background:#25f4ee!important;color:#090a0f!important}
body.character-card-route .flip-back-toggle:after{color:#090a0f!important}
body.character-card-route footer{display:none!important}
@media(max-width:620px){
 body.character-card-route .moment-stage{width:100vw!important;height:177.7778vw!important;max-height:100svh!important}
 body.character-card-route .flip-front .identity-head{padding:18px 16px!important}
 body.character-card-route .flip-front .identity-avatar{width:48px!important;height:48px!important;flex-basis:48px!important}
 body.character-card-route .flip-front .identity-person h2{font-size:22px!important}
 body.character-card-route .flip-front .flavor-art{padding:72px 5px 160px!important}
 body.character-card-route .flip-front .flavor-copy{left:16px!important;right:62px!important;bottom:76px!important}
 body.character-card-route .back-head{padding:22px 18px!important}
 body.character-card-route .back-body{padding:14px 16px!important}
 body.character-card-route .back-challenge{padding:11px!important}
 body.character-card-route .back-body>p{font-size:10px!important;margin-top:8px!important}
}
/* flip2a correction: references supply behavior, CartoonFinder supplies the skin */
body.character-card-route{background:#f7f6f2!important;color:#171713}
body.character-card-route main,body.character-card-route .cardpage{background:#f7f6f2!important}
body.character-card-route .moment-slides{background:#f7f6f2!important}
body.character-card-route .moment-stage{background:#171713;box-shadow:0 0 0 1px #d8d3c9!important}
body.character-card-route .flip-face{background:#171713}
body.character-card-route .flip-front{background:linear-gradient(155deg,rgba(255,255,255,.12),rgba(0,0,0,.08)),var(--tile-bg,#ef4f23)}
body.character-card-route .flip-front:after{background:linear-gradient(180deg,rgba(23,23,19,.64) 0,transparent 24%,transparent 52%,rgba(23,23,19,.78) 82%,#171713 100%)}
body.character-card-route .flip-front .identity-avatar{background:#ef4f23!important}
body.character-card-route .flip-toggle{background:#ef4f23!important;box-shadow:0 4px 18px #0007}
body.character-card-route .flip-back{background:#f7f6f2!important;color:#171713!important}
body.character-card-route .back-head{background:#ef4f23!important;color:#fff!important}
body.character-card-route .back-head h2{text-shadow:none!important}
body.character-card-route .back-body{background:#f7f6f2!important;color:#171713!important}
body.character-card-route .back-body .character-play{background:#171713!important;color:#fff!important;box-shadow:none!important}
body.character-card-route .back-body .character-audio-state{color:#716f68!important}
body.character-card-route .back-body .exchange-link{background:#171713!important;color:#fff!important;box-shadow:none!important}
body.character-card-route .back-body .exchange-link.link-1{background:#ef4f23!important}
body.character-card-route .back-body .exchange-link.link-2{background:#fff!important;color:#171713!important;border:1px solid #cbc6bb!important}
body.character-card-route .back-challenge{border:1px solid #cbc6bb!important;background:#fff!important;color:#171713!important}
body.character-card-route .back-challenge small,body.character-card-route .back-body>p b{color:#ef4f23!important}
body.character-card-route .back-challenge span{color:#716f68!important}
body.character-card-route .back-body .exchange-meta{color:#716f68!important}
body.character-card-route .back-body .exchange-meta small{color:#ef4f23!important}
body.character-card-route .flip-back-toggle{background:#ef4f23!important;color:#fff!important}
body.character-card-route .flip-back-toggle:after{color:#fff!important}
/* flip2b visual QA: keep the full-bleed caption legible over the lower scrim */
body.character-card-route .flip-front .flavor-copy small,body.character-card-route .flip-front .flavor-copy>b,body.character-card-route .flip-front .flavor-copy blockquote{color:#fff!important;opacity:1!important;filter:none!important}
body.character-card-route .flip-front .flavor-copy{mix-blend-mode:normal!important}
/* flip2c visual QA: lift content above the scrim stacking context */
body.character-card-route .flip-front .character-flavor{z-index:2!important}
body.character-card-route .flip-front .flavor-copy{padding:15px 14px!important;background:linear-gradient(90deg,rgba(23,23,19,.82),rgba(23,23,19,.26))!important;border-left:4px solid #ef4f23!important}
/* formats1: five original collectible formats; structure and actions stay fixed */
body.character-card-route .flip-front:before{position:absolute;z-index:6;pointer-events:none;font:900 9px/1 system-ui,sans-serif;letter-spacing:.14em}
/* 1. Character Drop: current cinematic full bleed */
body.card-format-1 .flip-front:before{content:"CHARACTER DROP  /  01";top:22px;right:16px;color:#fff}
/* 2. Collector Slab: protected collectible with edition rails */
body.card-format-2 .moment-slides{background:#171713!important}
body.card-format-2 .moment-stage{width:min(calc(100vw - 28px),52.3svh)!important;height:min(calc(100svh - 28px),170vw)!important;border:7px solid #fff;border-radius:22px;box-shadow:0 0 0 2px #171713,0 0 0 7px #ffd43b!important;overflow:hidden}
body.card-format-2 .flip-card,body.card-format-2 .flip-face{border-radius:14px!important}
body.card-format-2 .flip-front{background:#6547ff!important}
body.card-format-2 .flip-front:before{content:"CF 001  ·  FIRST DROP";top:17px;right:15px;padding:6px 8px;background:#ffd43b;color:#171713;border-radius:99px}
body.card-format-2 .flip-front .flavor-art{inset:82px 14px 174px!important;width:auto!important;height:auto!important;border:4px solid #171713!important;border-radius:12px;background:#fff3!important}
body.card-format-2 .flip-front .flavor-copy{left:14px!important;right:14px!important;bottom:70px!important;background:#ffd43b!important;color:#171713!important;border:4px solid #171713!important;border-left-width:4px!important;border-radius:9px!important;text-shadow:none!important}
body.card-format-2 .flip-front .flavor-copy *{color:#171713!important;text-shadow:none!important}
body.card-format-2 .flip-toggle{background:#171713!important}
body.card-format-2 .flip-back{background:#fff!important}.card-format-2 .back-head{background:#6547ff!important}.card-format-2 .back-challenge{border:3px solid #171713!important;box-shadow:5px 5px 0 #ffd43b!important}
/* 3. Comic Cover: issue masthead and loud halftone panel */
body.card-format-3 .flip-front{background:#ffd43b!important}
body.card-format-3 .flip-front:before{content:"ISSUE No. 01  •  SEPT 2026";top:20px;right:16px;color:#171713;background:#fff;padding:6px 8px;border:3px solid #171713;transform:rotate(2deg)}
body.card-format-3 .flip-front .identity-head{top:38px!important;background:#ef4f23!important;border:4px solid #171713!important;margin:0 13px;padding:13px!important;transform:rotate(-1deg)}
body.card-format-3 .flip-front .flavor-art{padding:128px 3px 172px!important;background-image:radial-gradient(#171713 1px,transparent 1px)!important;background-size:8px 8px!important}
body.card-format-3 .flip-front .flavor-copy{left:13px!important;right:40px!important;bottom:66px!important;background:#fff!important;border:4px solid #171713!important;border-left:4px solid #171713!important;box-shadow:8px 8px 0 #ef4f23!important;transform:rotate(-1deg)!important;text-shadow:none!important}
body.card-format-3 .flip-front .flavor-copy *{color:#171713!important;text-shadow:none!important}
body.card-format-3 .flip-toggle{background:#171713!important}
body.card-format-3 .back-head{background:#ffd43b!important;color:#171713!important;border-bottom:5px solid #171713!important}.card-format-3 .back-head h2{color:#171713!important}.card-format-3 .flip-back-toggle{background:#171713!important}
/* 4. Creator Shelf: clean product object, character as the hero SKU */
body.card-format-4 .moment-slides{background:#eeeae2!important}
body.card-format-4 .moment-stage{width:min(calc(100vw - 30px),52.3svh)!important;height:min(calc(100svh - 30px),170vw)!important;border-radius:24px;overflow:hidden;box-shadow:0 22px 70px #0003!important}
body.card-format-4 .flip-card,body.card-format-4 .flip-face{border-radius:24px!important}
body.card-format-4 .flip-front{background:#fff!important;color:#171713!important}
body.card-format-4 .flip-front:before{content:"CREATOR SHELF  ·  FEATURED";top:18px;right:17px;color:#716f68}
body.card-format-4 .flip-front .identity-head{top:auto!important;bottom:0!important;height:27%!important;padding:18px!important;background:#fff!important;border-top:1px solid #ded8cd!important;color:#171713!important}
body.card-format-4 .flip-front .identity-person>span,body.card-format-4 .flip-front .identity-person h2{color:#171713!important;text-shadow:none!important}
body.card-format-4 .flip-front .character-flavor{height:73%!important;bottom:auto!important}
body.card-format-4 .flip-front .flavor-art{padding:60px 10px 115px!important;background:#ffd43b!important}
body.card-format-4 .flip-front .flavor-copy{left:18px!important;right:18px!important;bottom:28%!important;padding:12px!important;background:#fff!important;border:0!important;border-left:4px solid #ef4f23!important;box-shadow:0 8px 25px #0002!important;text-shadow:none!important}
body.card-format-4 .flip-front .flavor-copy *{color:#171713!important;text-shadow:none!important}.card-format-4 .flip-toggle{right:16px!important;bottom:16px!important}.card-format-4 .back-head{background:#171713!important}.card-format-4 .flip-back{background:#fff!important}
/* 5. Field Guide: discovery card with catalog rail */
body.card-format-5 .flip-front{background:#1aa57a!important}
body.card-format-5 .flip-front:before{content:"FOUND IN  /  CARTOONFINDER";top:20px;right:15px;color:#fff;border-bottom:2px solid #fff;padding-bottom:5px}
body.card-format-5 .flip-front .identity-head{left:38px!important;border-left:1px solid #ffffff77!important}
body.card-format-5 .flip-front .character-flavor:before{content:"01  ·  CHARACTER INDEX  ·  2026";position:absolute;z-index:5;left:10px;top:50%;writing-mode:vertical-rl;transform:rotate(180deg);font:900 8px/1 system-ui;color:#fff;letter-spacing:.15em}
body.card-format-5 .flip-front .flavor-art{padding:82px 4px 190px 30px!important;background:linear-gradient(135deg,#ffffff30,transparent)!important}
body.card-format-5 .flip-front .flavor-copy{left:38px!important;right:18px!important;bottom:72px!important;background:#f7f6f2!important;border:0!important;border-left:5px solid #ffd43b!important;text-shadow:none!important}
body.card-format-5 .flip-front .flavor-copy *{color:#171713!important;text-shadow:none!important}.card-format-5 .flip-toggle{background:#ffd43b!important;color:#171713!important}.card-format-5 .flip-toggle:after{color:#171713!important}.card-format-5 .back-head{background:#1aa57a!important}.card-format-5 .back-challenge{border-left:5px solid #1aa57a!important}
@media(max-width:620px){body.card-format-2 .moment-stage,body.card-format-4 .moment-stage{width:calc(100vw - 24px)!important;height:min(calc(100svh - 24px),calc((100vw - 24px)*1.77778))!important;margin:auto}}
/* formats1a containment: override legacy absolute image geometry in inset formats */
body.card-format-2 .flip-front .flavor-art img,body.card-format-4 .flip-front .flavor-art img{position:static!important;inset:auto!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;margin:0!important;object-fit:contain!important}
/* formats1b fine-touch pass: deliberate type, spacing and readable hierarchy */
body.character-card-route .flip-front .identity-person h2{letter-spacing:-.025em!important}
body.character-card-route .flip-front .flavor-copy small{font-size:9px!important;letter-spacing:.18em!important}
body.character-card-route .flip-front .flavor-copy>b{letter-spacing:-.045em!important}
body.character-card-route.card-format-2 .flip-front .flavor-copy small,body.character-card-route.card-format-2 .flip-front .flavor-copy>b,body.character-card-route.card-format-2 .flip-front .flavor-copy blockquote,
body.character-card-route.card-format-3 .flip-front .flavor-copy small,body.character-card-route.card-format-3 .flip-front .flavor-copy>b,body.character-card-route.card-format-3 .flip-front .flavor-copy blockquote,
body.character-card-route.card-format-4 .flip-front .flavor-copy small,body.character-card-route.card-format-4 .flip-front .flavor-copy>b,body.character-card-route.card-format-4 .flip-front .flavor-copy blockquote,
body.character-card-route.card-format-5 .flip-front .flavor-copy small,body.character-card-route.card-format-5 .flip-front .flavor-copy>b,body.character-card-route.card-format-5 .flip-front .flavor-copy blockquote{color:#171713!important;text-shadow:none!important}
body.character-card-route.card-format-2 .flip-front .flavor-copy{padding:14px!important}
body.character-card-route.card-format-2 .flip-front .flavor-copy>b{font-size:35px!important}
body.character-card-route.card-format-3 .flip-front .flavor-copy{padding:16px 14px!important;gap:2px!important}
body.character-card-route.card-format-3 .flip-front .flavor-copy>b{display:block!important;font-size:29px!important;margin:3px 0 5px!important}
body.character-card-route.card-format-3 .flip-front .flavor-copy blockquote{font-size:21px!important;line-height:1.08!important}
body.character-card-route.card-format-4 .flip-front .flavor-copy{padding:14px!important;bottom:29%!important}
body.character-card-route.card-format-4 .flip-front .flavor-copy>b{display:block!important;font-size:31px!important;margin:4px 0 7px!important}
body.character-card-route.card-format-4 .flip-front .flavor-copy blockquote{font-size:20px!important;line-height:1.08!important}
body.character-card-route.card-format-5 .flip-front .flavor-copy{padding:14px!important}
body.character-card-route.card-format-5 .flip-front .flavor-copy>b{font-size:34px!important;margin:4px 0 8px!important}
body.character-card-route.card-format-5 .flip-front .flavor-copy blockquote{font-size:20px!important}
body.character-card-route .back-head>span{letter-spacing:.2em!important}.card-format-2 .back-head,.card-format-3 .back-head,.card-format-4 .back-head,.card-format-5 .back-head{border-bottom:1px solid rgba(23,23,19,.2)!important}
body.character-card-route .back-body .exchange-links{gap:8px!important}.back-body .exchange-link{letter-spacing:.06em!important}
/* formats2: three structurally distinct originals */
/* 6. Sticker Storm - scrapbook sheet, cutout character, speech sticker */
body.card-format-6 .moment-slides{background:#e6e1d7!important}
body.card-format-6 .flip-front{background:#ffef61!important;background-image:linear-gradient(#0000000c 1px,transparent 1px),linear-gradient(90deg,#0000000c 1px,transparent 1px)!important;background-size:22px 22px!important}
body.card-format-6 .flip-front:before{content:"PEEL • SHARE • PASS IT ON";top:18px;right:-18px;padding:9px 25px;background:#ef4f23;color:#fff;transform:rotate(7deg);border:3px solid #171713;box-shadow:4px 4px 0 #171713}
body.card-format-6 .flip-front .identity-head{top:24px!important;left:15px!important;right:auto!important;width:250px!important;padding:10px 14px!important;background:#fff!important;border:3px solid #171713!important;box-shadow:5px 5px 0 #25a77b!important;transform:rotate(-3deg);color:#171713!important}
body.card-format-6 .flip-front .identity-avatar{width:46px!important;height:46px!important;flex-basis:46px!important;background:#ef4f23!important}
body.card-format-6 .flip-front .identity-person>span,body.card-format-6 .flip-front .identity-person h2{color:#171713!important;text-shadow:none!important}
body.card-format-6 .flip-front .character-flavor{z-index:2!important}
body.card-format-6 .flip-front .flavor-art{padding:108px 12px 150px!important;background:transparent!important;transform:rotate(3deg) scale(1.03)}
body.card-format-6 .flip-front .flavor-art img{filter:drop-shadow(7px 7px 0 #fff) drop-shadow(-4px -4px 0 #fff) drop-shadow(0 11px 4px #0004)!important}
body.card-format-6 .flip-front .flavor-copy{left:22px!important;right:40px!important;bottom:68px!important;padding:16px 18px!important;background:#fff!important;border:3px solid #171713!important;border-radius:45% 48% 44% 12px!important;box-shadow:7px 7px 0 #ff69a7!important;transform:rotate(-2deg)!important;text-shadow:none!important}
body.card-format-6 .flip-front .flavor-copy:after{content:"";position:absolute;right:19px;bottom:-18px;border:10px solid transparent;border-top-color:#171713;transform:rotate(-18deg)}
body.card-format-6 .flip-front .flavor-copy *{color:#171713!important;text-shadow:none!important}.card-format-6 .flavor-copy>b{font-size:31px!important}.card-format-6 .flavor-copy blockquote{font-size:19px!important}
body.card-format-6 .flip-toggle{background:#25a77b!important;transform:rotate(8deg)}
body.card-format-6 .flip-back{background:#ffef61!important;background-image:linear-gradient(#0000000c 1px,transparent 1px),linear-gradient(90deg,#0000000c 1px,transparent 1px)!important;background-size:22px 22px!important}.card-format-6 .back-head{height:23%!important;background:#fff!important;color:#171713!important;border:3px solid #171713!important;margin:16px 16px 0!important;padding:18px!important;transform:rotate(-1deg);box-shadow:6px 6px 0 #ff69a7!important}.card-format-6 .back-head h2{color:#171713!important}.card-format-6 .back-body{height:69%!important;background:transparent!important}.card-format-6 .back-challenge{transform:rotate(1deg);box-shadow:5px 5px 0 #25a77b!important;border:3px solid #171713!important}.card-format-6 .flip-back-toggle{background:#171713!important}
/* 7. Arcade Quest - CRT playfield and HUD */
body.card-format-7 .moment-slides{background:#05050b!important}
body.card-format-7 .moment-stage{width:min(calc(100vw - 20px),54svh)!important;height:min(calc(100svh - 20px),173vw)!important;border:5px solid #7cff3a;border-radius:18px;box-shadow:0 0 24px #7cff3a88,0 0 0 6px #111126!important;overflow:hidden}
body.card-format-7 .flip-card,body.card-format-7 .flip-face{border-radius:12px!important}
body.card-format-7 .flip-front{background:#09091a!important}.card-format-7 .flip-front:after{background:repeating-linear-gradient(180deg,transparent 0 3px,#ffffff08 3px 4px)!important}
body.card-format-7 .flip-front:before{content:"PLAYER 01   •   READY";top:18px;left:18px;right:18px;padding-bottom:9px;border-bottom:2px solid #2ee7ff;color:#7cff3a;font-family:monospace;letter-spacing:.12em}
body.card-format-7 .flip-front .identity-head{top:auto!important;bottom:18px!important;left:18px!important;right:72px!important;padding:10px!important;background:#15152c!important;border:2px solid #2ee7ff!important;color:#fff!important}
body.card-format-7 .flip-front .identity-avatar{width:42px!important;height:42px!important;flex-basis:42px!important;border-radius:4px!important;background:#7cff3a!important}.card-format-7 .flip-front .identity-avatar img,.card-format-7 .flip-front .identity-avatar>span{border-radius:2px!important}
body.card-format-7 .flip-front .identity-person>span{color:#7cff3a!important;font-family:monospace}.card-format-7 .flip-front .identity-person h2{color:#fff!important;font-family:monospace!important;text-shadow:2px 2px 0 #7b2cff!important;font-size:20px!important}
body.card-format-7 .flip-front .flavor-art{inset:64px 18px 184px!important;width:auto!important;height:auto!important;padding:12px!important;border:3px solid #7b2cff!important;background:radial-gradient(circle,#24245a,#09091a 72%)!important;box-shadow:inset 0 0 30px #000,0 0 14px #7b2cff77!important}
body.card-format-7 .flip-front .flavor-art img{position:static!important;inset:auto!important;width:100%!important;height:100%!important;margin:0!important;object-fit:contain!important;filter:drop-shadow(0 0 12px #2ee7ff88)!important}
body.card-format-7 .flip-front .flavor-copy{left:18px!important;right:18px!important;bottom:90px!important;padding:11px 13px!important;background:#101024!important;border:2px solid #7cff3a!important;border-left-width:2px!important;box-shadow:none!important;text-shadow:none!important}
body.card-format-7 .flip-front .flavor-copy *{font-family:monospace!important;color:#fff!important;text-shadow:none!important}.card-format-7 .flavor-copy small{color:#2ee7ff!important}.card-format-7 .flavor-copy>b{font-size:24px!important}.card-format-7 .flavor-copy blockquote{font-size:15px!important;color:#7cff3a!important}
body.card-format-7 .flip-toggle{background:#7b2cff!important;border-color:#7cff3a!important}.card-format-7 .flip-back{background:#09091a!important;color:#fff!important}.card-format-7 .back-head{height:22%!important;background:#15152c!important;border-bottom:3px solid #7cff3a!important;color:#fff!important}.card-format-7 .back-head *{font-family:monospace!important}.card-format-7 .back-body{height:70%!important;background:#09091a!important;color:#fff!important}.card-format-7 .back-body .character-play{background:#7cff3a!important;color:#09091a!important;font-family:monospace!important}.card-format-7 .back-body .exchange-link{font-family:monospace!important;background:#7b2cff!important}.card-format-7 .back-challenge{background:#15152c!important;color:#fff!important;border:2px solid #2ee7ff!important}.card-format-7 .back-challenge span{color:#c6c6dd!important}.card-format-7 .flip-back-toggle{background:#7cff3a!important;color:#09091a!important}
/* 8. Character Capsule - toy blister package */
body.card-format-8 .moment-slides{background:#d7eef5!important}
body.card-format-8 .moment-stage{width:min(calc(100vw - 24px),52svh)!important;height:min(calc(100svh - 24px),171vw)!important;border-radius:28px;box-shadow:0 22px 65px #25556b44!important;overflow:hidden}
body.card-format-8 .flip-card,body.card-format-8 .flip-face{border-radius:28px!important}
body.card-format-8 .flip-front{background:linear-gradient(160deg,#54cdf0,#2669c9)!important}.card-format-8 .flip-front:before{content:"CHARACTER CAPSULE  01";top:20px;left:0;right:0;text-align:center;color:#fff;font-size:11px}
body.card-format-8 .flip-front .identity-head{top:auto!important;bottom:0!important;height:25%!important;padding:18px!important;background:#fff!important;color:#171713!important;border-top:1px solid #a8c6d4!important}.card-format-8 .flip-front .identity-person>span,.card-format-8 .flip-front .identity-person h2{color:#171713!important;text-shadow:none!important}.card-format-8 .flip-front .identity-avatar{background:#54cdf0!important}
body.card-format-8 .flip-front .flavor-art{inset:58px 24px 238px!important;width:auto!important;height:auto!important;padding:22px 10px!important;border:2px solid #ffffffcc!important;border-radius:46% 46% 28px 28px!important;background:linear-gradient(145deg,#ffffffaa,#ffffff22 48%,#ffffff55)!important;box-shadow:inset -12px -15px 25px #0a4a7d33,inset 12px 14px 18px #fff8,0 14px 24px #0b436855!important}
body.card-format-8 .flip-front .flavor-art img{position:static!important;inset:auto!important;width:100%!important;height:100%!important;margin:0!important;object-fit:contain!important;filter:drop-shadow(0 14px 8px #17466466)!important}
body.card-format-8 .flip-front .flavor-copy{left:34px!important;right:34px!important;bottom:25%!important;padding:13px 15px!important;background:#ffef61!important;border:0!important;border-radius:12px!important;box-shadow:0 7px 16px #17466455!important;text-shadow:none!important}.card-format-8 .flip-front .flavor-copy *{color:#171713!important;text-shadow:none!important}.card-format-8 .flavor-copy>b{font-size:27px!important}.card-format-8 .flavor-copy blockquote{font-size:16px!important}
body.card-format-8 .flip-toggle{bottom:16px!important;background:#2669c9!important}.card-format-8 .flip-back{background:#fff!important;color:#171713!important}.card-format-8 .back-head{height:23%!important;background:linear-gradient(145deg,#54cdf0,#2669c9)!important;border:0!important}.card-format-8 .back-body{height:69%!important;background:#fff!important}.card-format-8 .back-body .character-play{background:#2669c9!important;color:#fff!important;border-radius:99px!important}.card-format-8 .back-body .exchange-link{border-radius:99px!important;background:#2669c9!important}.card-format-8 .back-body .exchange-link.link-1{background:#54b8d5!important}.card-format-8 .back-challenge{border-radius:16px!important;background:#eef9fc!important;border:1px solid #a8c6d4!important}.card-format-8 .flip-back-toggle{background:#2669c9!important}
@media(max-width:620px){body.card-format-7 .moment-stage,body.card-format-8 .moment-stage{width:calc(100vw - 20px)!important;height:min(calc(100svh - 20px),calc((100vw - 20px)*1.77778))!important;margin:auto}}
/* formats2a capsule containment: defeat legacy absolute image box */
body.card-format-8 .flip-front .flavor-art img{position:static!important;inset:auto!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;margin:0!important;object-fit:contain!important}
/* formats2b: include blister padding inside the 100% image box */
body.card-format-8 .flip-front .flavor-art img{box-sizing:border-box!important}
/* formats2c: bind capsule art to the blister's inner wall */
body.card-format-8 .flip-front .flavor-art img{position:absolute!important;inset:22px 10px!important;width:calc(100% - 20px)!important;height:calc(100% - 44px)!important;max-width:none!important;max-height:none!important;padding:0!important;margin:0!important;object-fit:contain!important}
/* definitive two-slide character card */
.vibe-grid,.format-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.vibe-grid button,.format-grid button{border:1px solid var(--line);background:#fff;border-radius:12px;padding:11px;font:700 13px system-ui;text-align:left}.vibe-grid button.on,.format-grid button.on{border-color:var(--accent);box-shadow:0 0 0 2px rgba(239,79,35,.16);background:#fff8f4}.privacy-copy{font-size:12px;line-height:1.45;color:var(--muted);margin:0}.avatar-preview-pair{display:flex;gap:10px;flex-wrap:wrap}.avatar-preview-pair img,.favorite-preview{width:132px;height:132px;object-fit:cover;border-radius:16px;border:1px solid var(--line)}.avatar-state{font-size:12px;color:var(--muted)}.favorite-name{border:1px solid var(--line);border-radius:12px;padding:13px;font:inherit}
.definitive-card{position:relative!important;display:grid!important;grid-template-rows:15% 57% 28%!important;width:100%!important;height:100%!important;min-height:0!important;overflow:hidden!important;background:#0d0d12!important;color:#fff!important;border:0!important;border-radius:0!important}.def-card-head{position:relative;z-index:4;display:grid;grid-template-columns:58px 1fr;align-items:center;gap:10px;padding:12px 15px;background:#0d0d12;border-bottom:3px solid #fff}.def-card-head .identity-avatar{width:58px;height:58px;border:3px solid #fff;border-radius:50%;overflow:hidden;display:grid;place-items:center;color:#fff;text-decoration:none}.def-card-head .identity-avatar img{width:100%;height:100%;object-fit:cover}.def-card-head small{font:900 8px/1 system-ui;letter-spacing:.14em;color:#25f4ee}.def-card-head h2{font:900 24px/.95 Impact,"Arial Black",sans-serif!important;letter-spacing:.025em;margin:4px 0 2px!important;text-transform:uppercase}.def-card-head span{font-size:9px;color:#c9c9d2}.def-card-visual{position:relative;overflow:hidden;background:#191a24}.def-card-visual>img{width:100%;height:100%;object-fit:cover;display:block}.reveal-visual .real-self-img{position:absolute;inset:0;opacity:0;transition:opacity .22s ease}.reveal-visual.revealed .real-self-img{opacity:1}.face-reveal{position:absolute;z-index:3;left:50%;bottom:12px;transform:translateX(-50%);border:2px solid #fff;background:#000c;color:#fff;border-radius:999px;padding:9px 14px;white-space:nowrap;font:800 10px system-ui;letter-spacing:.04em}.def-card-copy{display:flex!important;flex-direction:column!important;justify-content:flex-start!important;gap:5px;padding:12px 15px!important;background:#0d0d12!important;color:#fff!important}.def-card-copy>b{font:900 10px system-ui;letter-spacing:.12em;color:#25f4ee}.def-card-copy blockquote{margin:0;font:900 20px/1.05 Impact,"Arial Black",sans-serif;letter-spacing:.02em}.def-card-copy .character-audio-wrap{margin:3px 0!important}.def-card-copy .character-play{min-height:34px!important;width:100%;background:#fe2c55!important;color:#fff!important;border:0!important;font-size:11px!important}.def-card-copy .character-audio-state{display:none!important}.def-card-copy .exchange-links{grid-template-columns:repeat(3,1fr);gap:4px}.def-card-copy .exchange-link{min-height:26px!important;padding:5px!important;font-size:8px!important}.def-card-copy>small{margin-top:auto;text-align:center;color:#d4d4dc;font:800 8px system-ui;letter-spacing:.08em}.favorite-slide .def-card-head small{color:#ffd43b}.favorite-slide .def-card-copy>b{color:#ffd43b}
body.card-format-2 .definitive-card{outline:7px solid #ffd43b;outline-offset:-7px}body.card-format-3 .definitive-card .def-card-copy{background:#f6e4c1!important;color:#151411!important;border-top:8px solid #e33}body.card-format-3 .definitive-card .def-card-copy>small{color:#333}body.card-format-6 .definitive-card{background:#fff!important}body.card-format-6 .def-card-head{background:#ffef5a!important;color:#111!important;border-color:#111}body.card-format-6 .def-card-copy{background:#fff!important;color:#111!important;border-top:6px dashed #111}body.card-format-6 .def-card-copy>small{color:#333}body.card-format-7 .definitive-card{box-shadow:inset 0 0 32px #7cff3a}body.card-format-7 .def-card-head,body.card-format-7 .def-card-copy{background:#080815!important}body.card-format-8 .definitive-card{border-radius:28px!important;background:#e9fbff!important}body.card-format-8 .def-card-head{background:#d7f6ff!important;color:#18333d!important;border-color:#18333d}body.card-format-8 .def-card-copy{background:#e9fbff!important;color:#18333d!important}body.card-format-8 .def-card-copy>small{color:#355d6c}
@media(max-width:620px){.vibe-grid,.format-grid{grid-template-columns:1fr 1fr}.def-card-head{grid-template-columns:50px 1fr;padding:9px 12px}.def-card-head .identity-avatar{width:50px;height:50px}.def-card-head h2{font-size:20px!important}.def-card-copy{padding:10px 12px!important}.def-card-copy blockquote{font-size:17px}.face-reveal{bottom:9px}}
/* refinement: slider performs on front, shared detail layer lives on back */
.definitive-card.flip-card{display:block!important;perspective:1200px}.definitive-card .flip-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .48s cubic-bezier(.2,.75,.2,1)}.definitive-card.flipped .flip-inner{transform:rotateY(180deg)}.definitive-card .flip-face{position:absolute;inset:0;backface-visibility:hidden;overflow:hidden}.definitive-front{display:grid;grid-template-rows:15% 64% 21%;background:#0d0d12}.def-front-footer{display:flex;flex-direction:column;gap:3px;padding:9px 13px;background:#0d0d12;color:#fff}.def-front-footer>b{font:900 8px system-ui;letter-spacing:.13em;color:#25f4ee}.def-front-footer blockquote{margin:0;font:900 18px/1 Impact,"Arial Black",sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.front-actions{margin-top:auto;display:flex;align-items:end;justify-content:space-between;gap:8px}.front-actions .flip-toggle{height:auto;min-height:31px;border:2px solid #fff;border-radius:999px;padding:6px 10px;font-size:9px}.front-actions small{font:800 8px system-ui;color:#d4d4dc;letter-spacing:.07em}.definitive-back{transform:rotateY(180deg);display:flex!important;flex-direction:column;background:#0d0d12;color:#fff}.definitive-back .back-head{height:auto;padding:25px 20px 14px;border-bottom:3px solid #fff}.definitive-back .back-head h2{font-size:38px!important}.definitive-back .back-body{display:flex;flex-direction:column;gap:14px;padding:18px 20px;overflow:auto}.definitive-back>.flip-toggle{margin-top:auto;min-height:48px}.definitive-back .character-audio-wrap{display:block!important}.definitive-back .character-play{width:100%;min-height:44px;background:#25f4ee!important;color:#0d0d12!important;border:0!important;font-weight:900}.definitive-back .character-audio-state{display:block!important;text-align:center;font-size:9px;color:#bbb;margin-top:4px}.definitive-back .exchange-links{display:grid;grid-template-columns:1fr;gap:7px}.definitive-back .exchange-link{min-height:38px!important}.definitive-back .back-challenge{border:3px solid #fff;padding:14px;box-shadow:5px 5px 0 #fe2c55}.definitive-back .back-challenge small{color:#25f4ee}.definitive-back .back-challenge b{display:block;font:900 22px/1 Impact,"Arial Black",sans-serif;margin:6px 0}.definitive-back .back-challenge span{font-size:12px;line-height:1.35}.favorite-slide .def-front-footer>b{color:#ffd43b}
body.card-format-3 .def-front-footer{background:#f6e4c1;color:#151411;border-top:7px solid #e33}body.card-format-3 .def-front-footer small{color:#333}body.card-format-6 .def-front-footer{background:#fff;color:#111;border-top:5px dashed #111}body.card-format-6 .def-front-footer small{color:#333}body.card-format-8 .def-front-footer{background:#e9fbff;color:#18333d}body.card-format-8 .def-front-footer small{color:#355d6c}
/* avatar2slide1c: neutralize legacy format-6 absolute rules on the definitive card */
body.character-card-route .definitive-card .definitive-front:before,body.character-card-route .definitive-card .definitive-front:after{display:none!important}
body.character-card-route .definitive-card .def-card-head{position:relative!important;inset:auto!important;width:auto!important;height:auto!important;margin:0!important;padding:9px 12px!important;transform:none!important;box-shadow:none!important;border-width:0 0 3px!important}
body.character-card-route .definitive-card .def-card-visual{position:relative!important;inset:auto!important;width:auto!important;height:auto!important;padding:0!important;transform:none!important;background:#191a24!important}
body.character-card-route .definitive-card .def-card-visual>img{width:100%!important;height:100%!important;padding:0!important;transform:none!important;filter:none!important;object-fit:cover!important}
body.character-card-route .definitive-card .def-front-footer{position:relative!important;inset:auto!important;width:auto!important;height:auto!important;margin:0!important;transform:none!important;border-radius:0!important;box-shadow:none!important;text-shadow:none!important}
body.character-card-route .definitive-card .def-front-footer:after{display:none!important}
body.character-card-route .definitive-card .def-front-footer *{text-shadow:none!important}
body.character-card-route .definitive-card .front-actions .flip-toggle{position:static!important;inset:auto!important;width:auto!important;height:auto!important;margin:0!important;transform:none!important;background:#fe2c55!important}
body.character-card-route .definitive-card .definitive-back{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;transform:rotateY(180deg)!important}
body.character-card-route .definitive-card .definitive-back .back-head{height:auto!important;margin:0!important;padding:20px 18px 12px!important;transform:none!important;box-shadow:none!important;border:0!important;border-bottom:3px solid #fff!important;background:#0d0d12!important;color:#fff!important}
body.character-card-route .definitive-card .definitive-back .back-head h2{color:#fff!important}
body.character-card-route .definitive-card .definitive-back .back-body{height:auto!important;background:#0d0d12!important;color:#fff!important}
body.character-card-route .definitive-card .definitive-back>.flip-toggle{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;margin-top:auto!important;transform:none!important;background:#fe2c55!important}
/* avatar2slide1d: mobile front-footer fit */
body.character-card-route .definitive-card .def-front-footer blockquote{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px!important;line-height:1.05!important}
body.character-card-route .definitive-card .def-front-footer{overflow:hidden!important;min-height:0!important}
@media(max-width:620px){body.character-card-route .definitive-card .definitive-front{grid-template-rows:15% 59% 26%!important}body.character-card-route .definitive-card .def-front-footer{padding:8px 10px!important;gap:2px!important}body.character-card-route .definitive-card .front-actions{margin-top:4px!important;align-items:center!important}body.character-card-route .definitive-card .front-actions .flip-toggle{min-height:28px!important;padding:5px 9px!important;font-size:8px!important}body.character-card-route .definitive-card .front-actions small{max-width:42%;text-align:right}}

/* avatar2slide1e: desktop card theatre + physical motion */
body.character-card-route .moment-slides{isolation:isolate}
body.character-card-route .moment-stage{position:relative;z-index:3;perspective:1500px;transition:opacity .18s ease,transform .22s cubic-bezier(.22,.8,.3,1),filter .18s ease;will-change:transform,opacity}
body.character-card-route .moment-stage.card-slide-out-left{opacity:0;transform:translate3d(-34px,0,0) rotateY(-4deg) scale(.975);filter:blur(2px)}
body.character-card-route .moment-stage.card-slide-out-right{opacity:0;transform:translate3d(34px,0,0) rotateY(4deg) scale(.975);filter:blur(2px)}
body.character-card-route .moment-stage.card-slide-in-left{animation:card-slide-in-left .36s cubic-bezier(.16,.82,.24,1) both}
body.character-card-route .moment-stage.card-slide-in-right{animation:card-slide-in-right .36s cubic-bezier(.16,.82,.24,1) both}
@keyframes card-slide-in-left{from{opacity:0;transform:translate3d(34px,0,0) rotateY(4deg) scale(.975);filter:blur(2px)}to{opacity:1;transform:none;filter:none}}
@keyframes card-slide-in-right{from{opacity:0;transform:translate3d(-34px,0,0) rotateY(-4deg) scale(.975);filter:blur(2px)}to{opacity:1;transform:none;filter:none}}
body.character-card-route .definitive-card{perspective:1600px!important;transition:transform .46s cubic-bezier(.2,.9,.24,1),filter .46s ease!important}
body.character-card-route .definitive-card .flip-inner{transition:transform .46s cubic-bezier(.22,.86,.28,1.12),filter .46s ease!important;transform-origin:50% 50%;will-change:transform}
body.character-card-route .definitive-card.flipped{transform:scale(1.018) translateY(-3px);filter:drop-shadow(0 24px 30px rgba(0,0,0,.28))}
body.character-card-route .definitive-card.flipped .flip-inner{transform:rotateY(180deg)!important}
@media(min-width:768px){
 body.character-card-route .moment-slides{background-color:#ffefcf!important;background-image:radial-gradient(circle at 12% 18%,rgba(255,91,111,.22) 0 5px,transparent 6px),radial-gradient(circle at 88% 76%,rgba(37,167,123,.24) 0 7px,transparent 8px),linear-gradient(125deg,transparent 0 46%,rgba(255,255,255,.56) 46% 54%,transparent 54%),repeating-linear-gradient(135deg,rgba(23,23,19,.035) 0 1px,transparent 1px 16px)!important;grid-template-columns:minmax(260px,1fr) minmax(350px,430px) minmax(260px,1fr)!important;gap:clamp(34px,5vw,84px);padding:clamp(26px,4vh,48px) clamp(28px,5vw,80px)!important}
 body.character-card-route .moment-slides:before{content:"CARTOON\A FINDER";white-space:pre;justify-self:end;align-self:center;width:min(330px,100%);font:950 clamp(52px,6vw,92px)/.78 Impact,"Arial Black",system-ui,sans-serif;letter-spacing:-.055em;color:#171713;text-align:right;text-shadow:6px 6px 0 #ffef5a,-4px -4px 0 #fff;transform:rotate(-3deg)}
 body.character-card-route .moment-slides:after{content:"YOUR CHARACTER CARD\A\A← SWIPE BETWEEN SIDES\A↻ FLIP FOR STORY + VOICE";white-space:pre;justify-self:start;align-self:center;width:min(290px,100%);padding:22px 20px;border:3px solid #171713;background:#fff;color:#171713;box-shadow:9px 9px 0 #ef4f23;font:850 12px/1.55 system-ui,sans-serif;letter-spacing:.12em;transform:rotate(2deg)}
 body.character-card-route .moment-stage{grid-column:2;width:min(390px,calc((100svh - 64px)*.5625))!important;height:min(calc(100svh - 64px),693px)!important;max-height:none!important;align-self:center;border-radius:24px;box-shadow:0 30px 80px rgba(45,28,12,.28),0 0 0 9px #171713!important;overflow:visible}
 body.character-card-route .definitive-card,body.character-card-route .definitive-card .flip-face{border-radius:18px!important}
}
@media(max-width:767px){body.character-card-route .moment-slides:before,body.character-card-route .moment-slides:after{display:none!important}}
@media(prefers-reduced-motion:reduce){body.character-card-route .moment-stage,body.character-card-route .definitive-card,body.character-card-route .definitive-card .flip-inner{animation:none!important;transition:none!important}}
/* avatar2slide1f: whole-card tap flip, clean bright theatre */
body.character-card-route .definitive-card{cursor:pointer}
@media(min-width:768px){
 body.character-card-route .moment-slides{background-color:#fff7df!important;background-image:radial-gradient(circle at 12% 18%,#ff8fa133 0 5px,transparent 6px),radial-gradient(circle at 88% 76%,#4dd3a933 0 7px,transparent 8px),linear-gradient(125deg,transparent 0 46%,#ffffffa8 46% 54%,transparent 54%),repeating-linear-gradient(135deg,#17171308 0 1px,transparent 1px 16px)!important}
 body.character-card-route .moment-stage{box-shadow:0 26px 66px rgba(86,61,22,.18),0 0 0 8px #fff,0 0 0 11px #171713!important}
}
/* avatar2slide1f: unclutter the face; tap is the flip affordance */
body.character-card-route .definitive-card .front-actions .flip-toggle{display:none!important}
body.character-card-route .definitive-card .front-actions small{margin-left:auto}
/* first-flip invitation: a quiet edge shimmer, never another control */
body.character-card-route .definitive-card:not(.has-flipped):before{content:"";position:absolute;z-index:20;right:-2px;bottom:18%;width:4px;height:82px;border-radius:99px;background:#fff;box-shadow:0 0 8px #fff,0 0 18px #ffd43b,0 0 30px #25f4ee;pointer-events:none;animation:card-tap-glow 2.4s ease-in-out 2 both}
@keyframes card-tap-glow{0%,100%{opacity:.18;transform:scaleY(.72)}48%{opacity:.92;transform:scaleY(1)}}
@media(prefers-reduced-motion:reduce){body.character-card-route .definitive-card:not(.has-flipped):before{animation:none;opacity:.55}}
/* creative card inputs */
.card-mark-step,.scene-maker-step{display:grid;gap:9px}.draw-label{display:grid;gap:5px;font:800 12px system-ui;color:var(--muted)}.draw-pad,.scene-preview{width:100%;height:auto;border:1px solid var(--line);border-radius:14px;background:#fff;touch-action:none}.signature-pad{max-height:115px}.draw-clear{justify-self:start;min-height:32px!important;padding:6px 10px!important}.scene-maker-step .favorite-name{width:100%}.scene-preview{background:#fff8dc}
/* marks, weekly challenge and static scene */
.card-marks{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:center}.card-marks blockquote{grid-column:1/-1;margin:0;padding:9px;border-left:3px solid #ffd43b;font:800 13px/1.2 system-ui}.card-marks img{width:100%;height:70px;object-fit:contain;background:#fff;border-radius:6px}.card-marks .creator-signature{height:54px}.challenge-toggle{margin-top:9px;border:0;border-radius:99px;padding:7px 11px;background:#ffd43b;color:#171713;font:850 10px system-ui}.back-challenge.complete{box-shadow:5px 5px 0 #25a77b!important}.scene-card{display:grid!important;grid-template-rows:auto 1fr auto!important;width:100%!important;height:100%!important;min-height:0!important;background:#fff8dc!important;color:#171713!important;border:10px solid #171713!important}.scene-card header,.scene-card>div{padding:14px 16px!important;background:#fff8dc!important;justify-content:center!important}.scene-card header small{font:900 8px system-ui;letter-spacing:.16em;color:#ef4f23}.scene-card header h2{font:950 25px/1 system-ui!important;margin:4px 0 0!important}.scene-card>img{width:100%;height:100%;min-height:0;object-fit:contain;background:#fff}.scene-card .character-audio-wrap{margin:0}.scene-card .character-play{width:100%}.scene-card>div>small{display:block;text-align:center;margin-top:7px;font:750 8px system-ui;letter-spacing:.08em}
/* each side gets one restrained invitation, then settles */
body.character-card-route .definitive-card.flipped:not(.has-flipped-back):before{content:"";position:absolute;z-index:20;right:-2px;bottom:18%;width:4px;height:82px;border-radius:99px;background:#fff;box-shadow:0 0 8px #fff,0 0 18px #ffd43b,0 0 30px #25f4ee;pointer-events:none;animation:card-tap-glow 2.4s ease-in-out 2 both}
/* avatar2slide1h: symmetric tap means no redundant back button; keep the back bright */
body.character-card-route .definitive-card>.flip-inner>.definitive-back>.flip-back-toggle{display:none!important}
body.character-card-route .definitive-card .definitive-back{background:#fffdf7!important;color:#171713!important}
body.character-card-route .definitive-card .definitive-back .back-head{background:#ffef5a!important;color:#171713!important;border-bottom:3px solid #171713!important}
body.character-card-route .definitive-card .definitive-back .back-head h2{color:#171713!important}
body.character-card-route .definitive-card .definitive-back .back-body{background:#fffdf7!important;color:#171713!important;padding-bottom:18px!important}
body.character-card-route .definitive-card .definitive-back .character-play{background:#171713!important;color:#fff!important}
body.character-card-route .definitive-card .definitive-back .character-audio-state{color:#716f68!important}
body.character-card-route .definitive-card .definitive-back .exchange-link{background:#171713!important;color:#fff!important}
body.character-card-route .definitive-card .definitive-back .exchange-link.link-1{background:#ef4f23!important}
body.character-card-route .definitive-card .definitive-back .exchange-link.link-2{background:#fff!important;color:#171713!important;border:1px solid #cbc6bb!important}
body.character-card-route .definitive-card .definitive-back .back-challenge{background:#fff!important;color:#171713!important;border:2px solid #171713!important}
body.character-card-route .definitive-card .definitive-back .back-body>p{color:#171713!important}
/* avatar2slide1i: scene card must use the same single-column card stage */
body.character-card-route .scene-card{display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto minmax(0,1fr) auto!important;width:100%!important;height:100%!important;min-height:0!important;padding:0!important;overflow:hidden!important;background:#fff8dc!important}
body.character-card-route .scene-card>header{position:relative!important;inset:auto!important;width:auto!important;height:auto!important;margin:0!important;padding:14px 16px!important;display:block!important;background:#fff8dc!important}
body.character-card-route .scene-card>img{display:block!important;width:100%!important;height:100%!important;min-height:0!important;max-width:none!important;max-height:none!important;object-fit:contain!important;object-position:center!important;background:#fff!important}
body.character-card-route .scene-card>div{position:relative!important;inset:auto!important;width:auto!important;height:auto!important;margin:0!important;padding:11px 14px!important;display:block!important;background:#fff8dc!important}
/* avatar2slide1j: keep the landscape comic intact without empty white letterbox slabs */
body.character-card-route .scene-card{grid-template-rows:auto minmax(0,1fr) auto!important;background-color:#fff8dc!important;background-image:radial-gradient(circle at 50% 50%,#fff 0 2px,transparent 3px),repeating-linear-gradient(135deg,#17171308 0 1px,transparent 1px 12px)!important}
body.character-card-route .scene-card>img{height:auto!important;aspect-ratio:3/2!important;align-self:center!important;object-fit:contain!important;border-top:6px solid #171713!important;border-bottom:6px solid #171713!important;background:#fff!important}
body.character-card-route .scene-card>header,body.character-card-route .scene-card>div{z-index:1}
/* avatar2slide1k: scene never inherits the old cinematic dark veil */
body.character-card-route .scene-card:before,body.character-card-route .scene-card:after{display:none!important;content:none!important;background:none!important}
/* avatar2slide1l: profile opens inside the card frame */
body.character-card-route .profile-card-open{appearance:none;cursor:pointer;text-align:inherit}
body.character-card-route .in-card-profile{position:absolute;z-index:40;inset:0;width:100%;height:100%;padding:34px 24px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#fffdf7;color:#171713;border:8px solid #171713;border-radius:inherit;opacity:0;transform:translateY(12px) scale(.985);transition:opacity .22s ease,transform .22s cubic-bezier(.2,.8,.3,1);overflow:auto}
body.character-card-route .in-card-profile[hidden]{display:none!important}
body.character-card-route .in-card-profile.open{opacity:1;transform:none}
body.character-card-route .in-card-profile-close{position:absolute;right:15px;top:15px;width:38px;height:38px;border:2px solid #171713;border-radius:50%;background:#ffef5a;color:#171713;font:900 25px/1 system-ui;cursor:pointer}
body.character-card-route .in-card-profile-avatar{width:112px;height:112px;border:5px solid #fff;border-radius:50%;overflow:hidden;background:#ef4f23;box-shadow:0 0 0 3px #171713,8px 8px 0 #25a77b;margin-bottom:22px}
body.character-card-route .in-card-profile-avatar img,body.character-card-route .in-card-profile-avatar>span{display:grid;width:100%;height:100%;object-fit:cover;place-items:center;color:#fff;font:900 28px system-ui}
body.character-card-route .in-card-profile>small{font:900 9px/1 system-ui;letter-spacing:.18em;color:#ef4f23}
body.character-card-route .in-card-profile h2{margin:9px 0 6px!important;font:950 clamp(34px,5.5svh,52px)/.92 Impact,"Arial Black",system-ui!important;text-transform:uppercase}
body.character-card-route .in-card-profile>p{margin:0 0 8px;font:750 13px/1.35 system-ui;color:#59564e}
body.character-card-route .in-card-profile>b{font:850 11px system-ui;color:#25a77b}
body.character-card-route .in-card-profile-links{width:100%;margin:22px 0 16px}
body.character-card-route .in-card-profile-links .exchange-links{display:grid;grid-template-columns:1fr;gap:8px}
body.character-card-route .in-card-profile-links .exchange-link{display:grid;place-items:center;min-height:40px;border:2px solid #171713;background:#fff;color:#171713;text-decoration:none;font:900 10px system-ui;letter-spacing:.08em}
body.character-card-route .in-card-profile-links .exchange-link:nth-child(1){background:#171713;color:#fff}body.character-card-route .in-card-profile-links .exchange-link:nth-child(2){background:#ef4f23;color:#fff}
body.character-card-route .in-card-profile>span{margin-top:auto;font:750 8px system-ui;letter-spacing:.08em;color:#777268}
@media(prefers-reduced-motion:reduce){body.character-card-route .in-card-profile{transition:none!important}}
/* avatar2slide1m: one clear card path, persistent multi-pick, character gallery */
.card-pick-actions{display:flex;align-items:center;gap:8px}.card-pick-actions strong{font-size:12px;color:#ffef5a}.card-pick-actions button{border-color:#fff!important}.card-pick-actions .card-pick-done{background:#ffef5a!important;color:#171713!important}
.creation-picks{display:flex;gap:8px;overflow-x:auto;margin:8px 0 16px;padding:4px}.creation-picks span{flex:0 0 92px;display:grid;gap:5px}.creation-picks img{width:92px;height:70px;object-fit:cover;border-radius:10px}.creation-picks b{font-size:10px;line-height:1.15}
.character-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:9px 0}.character-gallery button{padding:0 0 7px;border:2px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;color:var(--txt);font:800 10px system-ui}.character-gallery button.on{border-color:#ef4f23;box-shadow:0 0 0 3px #ef4f2333}.character-gallery-art{display:block;height:76px;background-size:cover;background-position:center;margin-bottom:7px}
.standalone-profile-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:18px}.standalone-profile-card small{font:900 9px system-ui;letter-spacing:.15em;color:#ef4f23}.standalone-profile-card h2{font:950 36px/1 Impact,"Arial Black",sans-serif;margin:0}.standalone-profile-card .exchange-links{display:grid;width:100%;gap:7px}.standalone-profile-card .exchange-link{padding:11px;border:1px solid #171713;text-decoration:none}
/* single, card-shaped landing action */
.create-hero-cta{width:min(360px,100%)!important;min-height:190px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-end!important;gap:7px!important;padding:24px!important;border:5px solid #171713!important;border-radius:24px!important;background:#ffef5a!important;color:#171713!important;box-shadow:10px 10px 0 #ef4f23!important;transform:rotate(-1deg)}.create-hero-cta:before{content:"YOUR CHARACTER CARD";margin-bottom:auto;font:900 9px system-ui;letter-spacing:.16em}.create-hero-cta b{font:950 32px/.9 Impact,"Arial Black",sans-serif!important;text-transform:uppercase}.create-hero-cta span{font-size:12px!important}
@media(max-width:620px){.card-pick-guide{flex-direction:column}.card-pick-actions{width:100%;flex-wrap:wrap}.character-gallery{grid-template-columns:repeat(2,1fr)}.create-hero-cta{min-height:150px!important}.creation-picks span{flex-basis:78px}.creation-picks img{width:78px;height:60px}}
.change-card-picks{margin:-8px 0 15px!important;min-height:34px!important}

/* avatar2slide20d: classic A/B comparison slider with a thin draggable divider on the card */
.landing-card-demo{display:grid;grid-template-columns:minmax(270px,1fr) minmax(280px,360px);align-items:center;gap:clamp(28px,7vw,90px);margin:28px 0 34px;padding:clamp(20px,4vw,44px);border:4px solid #171713;border-radius:28px;background:#ffefcf;box-shadow:12px 12px 0 #ef4f23;overflow:hidden}.landing-demo-copy small{font:900 10px system-ui;letter-spacing:.18em;color:#ef4f23}.landing-demo-copy h2{margin:8px 0 14px;font:950 clamp(42px,6vw,76px)/.84 Impact,"Arial Black",sans-serif;letter-spacing:-.03em;text-transform:uppercase}.landing-demo-copy p{max-width:520px;font:650 15px/1.5 system-ui;color:#504d45}.landing-demo-make{display:inline-block;margin-top:12px;padding:14px 18px;border:3px solid #171713;border-radius:99px;background:#ffef5a;color:#171713;box-shadow:5px 5px 0 #25a77b;text-decoration:none;font:900 12px system-ui}.landing-demo-shell{width:min(340px,100%);justify-self:center}.landing-demo-card{height:520px;perspective:1300px;cursor:pointer}.landing-demo-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.2,.8,.2,1)}.landing-demo-card.flipped .landing-demo-inner{transform:rotateY(180deg)}.landing-demo-face{position:absolute;inset:0;border:6px solid #171713;border-radius:25px;overflow:hidden;backface-visibility:hidden;background:#0d0d12;box-shadow:10px 12px 0 #25a77b}.landing-demo-front{display:grid;grid-template-rows:15% 64% 21%;color:#fff}.landing-demo-front>header{display:flex;flex-direction:column;justify-content:center;padding:10px 14px;border-bottom:3px solid #fff}.landing-demo-front>header small{font:900 8px system-ui;letter-spacing:.16em;color:#25f4ee}.landing-demo-front>header b{font:950 24px/.95 Impact,"Arial Black",sans-serif;text-transform:uppercase}.landing-wipe{position:relative;overflow:hidden;background:#ffef5a;isolation:isolate;cursor:ew-resize}.landing-wipe>img,.landing-wipe-layer,.landing-wipe-layer img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.landing-wipe-layer{overflow:hidden}.landing-wipe-layer img{width:100%;max-width:none}.landing-wipe-cartoon{z-index:2;width:var(--cartoon)}.landing-wipe-real{z-index:3;width:var(--real)}.landing-wipe-line{position:absolute;z-index:5;left:var(--wipe);top:0;bottom:0;width:3px;transform:translateX(-1.5px);background:#fff;box-shadow:0 0 0 1px #171713,0 0 8px #25f4ee;pointer-events:none}.landing-wipe-line i{position:absolute;top:50%;left:50%;width:30px;height:52px;transform:translate(-50%,-50%);border:3px solid #171713;border-radius:99px;background:#ffef5a;box-shadow:0 3px 0 #ef4f23}.landing-wipe-line i:before,.landing-wipe-line i:after{content:"";position:absolute;top:17px;width:6px;height:6px;border:solid #171713;border-width:0 0 2px 2px}.landing-wipe-line i:before{left:6px;transform:rotate(45deg)}.landing-wipe-line i:after{right:6px;transform:rotate(225deg)}.landing-wipe-line b{position:absolute;left:50%;top:calc(50% + 34px);transform:translateX(-50%);padding:4px 6px;border-radius:5px;background:#171713;color:#fff;font:900 7px system-ui;letter-spacing:.08em}.landing-wipe-range{position:absolute;z-index:6;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}.landing-wipe-labels{position:absolute;z-index:4;left:8px;right:8px;top:8px;display:flex;justify-content:space-between;pointer-events:none}.landing-wipe-labels span{padding:4px 5px;border:1px solid #fff;border-radius:99px;background:#000a;color:#fff;font:900 6px system-ui;letter-spacing:.05em}.landing-demo-front>footer{display:flex;flex-direction:column;gap:3px;padding:10px 14px;text-align:left}.landing-demo-front>footer>b{font:900 8px system-ui;letter-spacing:.12em;color:#ffd43b}.landing-demo-front>footer span{font:950 17px/1 Impact,"Arial Black",sans-serif}.landing-demo-front>footer small{margin-top:auto;text-align:right;font:800 8px system-ui;color:#d4d4dc}.landing-demo-back{transform:rotateY(180deg);display:flex;flex-direction:column;background:#fffdf7;color:#171713;text-align:left}.landing-demo-back header{padding:22px 18px 15px;background:#ffef5a;border-bottom:3px solid #171713}.landing-demo-back header small,.landing-demo-back>div>b,.landing-demo-back aside small{font:900 8px system-ui;letter-spacing:.16em;color:#ef4f23}.landing-demo-back h3{margin:5px 0 0;font:950 30px/.9 Impact,"Arial Black",sans-serif}.landing-demo-back>div{display:flex;flex-direction:column;gap:12px;padding:18px}.landing-demo-back p{margin:0;font:800 18px/1.15 system-ui}.landing-demo-voice{border:0;border-radius:99px;background:#171713;color:#fff;padding:13px;font:900 10px system-ui}.landing-demo-picks{display:flex;flex-wrap:wrap;gap:5px}.landing-demo-picks span{padding:7px 8px;border:1px solid #171713;border-radius:99px;background:#fff;font:800 8px system-ui}.landing-demo-back aside{padding:13px;border:2px solid #171713;background:#fff;box-shadow:5px 5px 0 #ef4f23}.landing-demo-back aside strong{display:block;margin-top:5px;font:900 14px system-ui}.landing-demo-back>small{margin:auto 0 14px;text-align:center;font:850 8px system-ui}.landing-demo-hint{text-align:center;margin:11px 0 0;font:900 8px system-ui;letter-spacing:.12em;color:#615d52}@media(max-width:760px){.landing-card-demo{grid-template-columns:1fr;padding:22px 15px}.landing-demo-copy{text-align:center}.landing-demo-card{height:min(520px,calc((100vw - 72px)*1.58))}.landing-demo-shell{width:min(330px,calc(100vw - 50px))}.landing-demo-copy h2{font-size:44px}}@media(prefers-reduced-motion:reduce){.landing-demo-inner{transition:none!important}.landing-wipe-line{box-shadow:0 0 0 1px #171713!important}}

/* avatar2slide20d: refined comparison motion + focused five-step maker */
.landing-wipe-line{width:2px;transform:translateX(-1px);background:rgba(255,255,255,.96);box-shadow:0 0 0 1px rgba(23,23,19,.75),0 0 10px rgba(37,244,238,.45)}.landing-wipe-line i{width:24px;height:24px;border:1.5px solid rgba(23,23,19,.8);background:rgba(255,255,255,.94);box-shadow:0 4px 14px rgba(0,0,0,.2);backdrop-filter:blur(8px)}.landing-wipe-line i:before,.landing-wipe-line i:after{top:7px;width:5px;height:5px;border-width:0 0 1.5px 1.5px}.landing-wipe-line i:before{left:4px}.landing-wipe-line i:after{right:4px}.landing-wipe-line b{top:calc(50% + 18px);padding:3px 5px;background:rgba(23,23,19,.78);font-size:6px;opacity:.82}.landing-wipe-labels span{border:0;background:rgba(23,23,19,.62);backdrop-filter:blur(8px);font-size:5.5px;letter-spacing:.08em}.landing-wipe-layer{will-change:width}.landing-wipe-range:focus-visible+.landing-wipe-labels{outline:2px solid #25f4ee;outline-offset:4px}
.maker-wizard{position:sticky;z-index:12;top:0;margin:8px -18px 18px;padding:15px 18px 12px;background:rgba(255,253,247,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.maker-progress{display:grid;grid-template-columns:1fr auto;gap:5px;text-align:left}.maker-progress small{font:900 8px system-ui;letter-spacing:.16em;color:#ef4f23}.maker-progress b{grid-column:1/-1;font:950 25px/.95 Impact,"Arial Black",sans-serif;text-transform:uppercase}.maker-progress span{grid-column:1/-1;height:5px;border-radius:99px;background:#e8e4d9;overflow:hidden}.maker-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ef4f23,#25a77b);transition:width .36s cubic-bezier(.2,.8,.2,1)}.maker-nav{display:flex;justify-content:space-between;gap:9px;margin-top:11px}.maker-nav button{min-height:42px;border:2px solid #171713;border-radius:99px;padding:8px 16px;background:#fff;color:#171713;font:900 11px system-ui}.maker-nav .maker-next{margin-left:auto;background:#ffef5a;box-shadow:3px 3px 0 #25a77b}.voice-step.wizard-on{display:grid;gap:10px;margin:0 0 14px;padding:18px;border:2px solid #171713;border-radius:20px;background:#fff;box-shadow:5px 5px 0 #f0ece1}.voice-step.wizard-on>b{font:950 18px/1 Impact,"Arial Black",sans-serif;text-transform:uppercase}.voice-step[hidden]{display:none!important}.voice-step.wizard-on button,.voice-step.wizard-on .ghostbtn,.voice-step.wizard-on input{min-height:48px}.voice-step.wizard-on .dialogue-choice,.voice-step.wizard-on .character-gallery button{min-height:90px}.voice-publish{width:100%;min-height:56px!important;font-size:14px!important}.card-modal .card-box{scroll-behavior:smooth}@media(max-width:620px){.maker-wizard{margin-left:-12px;margin-right:-12px;padding-left:12px;padding-right:12px}.voice-step.wizard-on{padding:14px}.maker-progress b{font-size:22px}}
@media(prefers-reduced-motion:reduce){.maker-progress i{transition:none!important}}

/* avatar2slide20d: public-card home + sharing are impossible to miss */
.card-share-dock{position:fixed;z-index:60;left:50%;top:14px;transform:translateX(-50%);width:min(620px,calc(100vw - 130px));display:grid;grid-template-columns:auto 1fr;gap:2px 13px;padding:11px 13px;border:2px solid #171713;border-radius:16px;background:rgba(255,253,247,.95);color:#171713;box-shadow:6px 7px 0 #25a77b;backdrop-filter:blur(14px)}.card-share-dock>b{font:950 16px/1 Impact,"Arial Black",sans-serif;text-transform:uppercase}.card-share-dock>span{font:750 10px system-ui;color:#625f57}.card-share-dock>div{grid-column:1/-1;display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:6px;margin-top:7px}.card-share-dock button,.card-share-dock a{display:grid;place-items:center;min-height:36px;border:1px solid #171713;border-radius:99px;padding:6px 10px;text-align:center;text-decoration:none;font:900 9px system-ui}.card-share-whatsapp{background:#25d366;color:#071f10}.card-share-copy{background:#ffef5a;color:#171713}.card-share-profile{background:#171713;color:#fff}@media(max-width:620px){.card-share-dock{top:8px;width:calc(100vw - 22px);grid-template-columns:1fr;padding:9px}.card-share-dock>span{display:none}.card-share-dock>div{grid-template-columns:1fr 1fr;margin-top:3px}.card-share-profile{grid-column:1/-1;min-height:30px!important}.card-share-dock button{min-height:38px}.moment-progress{top:122px!important}.moment-static{top:112px!important}}

.maker-capability-list{display:grid;grid-template-columns:auto 1fr;gap:5px 8px}.maker-capability-list strong{color:#ef4f23;font:900 8px system-ui;letter-spacing:.09em}.maker-collab-callout{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:center;padding:12px;border:2px solid #171713;border-radius:14px;background:#ffef5a;box-shadow:4px 4px 0 #25a77b}.maker-collab-callout b{font:950 17px Impact,"Arial Black",sans-serif}.maker-collab-callout span{font:750 11px/1.35 system-ui}

/* surface map: landing, maker, card and profile remain distinct jobs */
body.create-route{background:#f7f6f2}body.create-route>.hero,body.create-route>main,body.create-route>footer,body.create-route>#request-modal,body.create-route>#regions-modal,body.create-route>#shelf-modal{display:none!important}body.create-route .card-modal{position:fixed;inset:0;display:block;padding:0;background:#f7f6f2;backdrop-filter:none}body.create-route .card-box{position:relative;width:100%;max-width:none;min-height:100svh;max-height:100svh;margin:0;border:0;border-radius:0;box-shadow:none;background:#f7f6f2;overflow:auto}body.create-route #card-close{position:sticky;z-index:30;top:12px;left:14px;width:auto;height:42px;padding:0 15px;border:2px solid #171713;border-radius:99px;background:#fff;color:#171713;font:900 10px system-ui;box-shadow:3px 3px 0 #ffef5a}body.create-route #card-body{width:min(780px,100%);margin:0 auto;padding:0 18px 80px}body.create-route .voice-h{margin-top:5px;font:950 38px/.9 Impact,"Arial Black",sans-serif;text-transform:uppercase}body.create-route .voice-h:before{content:"CARD MAKER";display:block;margin-bottom:7px;color:#ef4f23;font:900 9px system-ui;letter-spacing:.18em}body.character-card-route .landing-card-demo,body.character-card-route .maker-wizard{display:none!important}

/* avatar2slide20d: a selected user is never stranded */
.pick-action-dock{position:fixed;z-index:65;left:50%;bottom:16px;transform:translateX(-50%);width:min(720px,calc(100vw - 28px));display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px 12px 18px;border:3px solid #171713;border-radius:18px;background:#fffdf7;color:#171713;box-shadow:7px 8px 0 #ef4f23,0 14px 40px #0003}.pick-action-dock[hidden]{display:none!important}.pick-action-dock>div{display:grid;gap:2px}.pick-action-dock b{font:950 20px/.95 Impact,"Arial Black",sans-serif;text-transform:uppercase}.pick-action-dock span{font:750 10px system-ui;color:#676259}.pick-action-dock button{min-height:48px;border:2px solid #171713;border-radius:99px;padding:10px 18px;background:#ffef5a;color:#171713;box-shadow:4px 4px 0 #25a77b;font:900 12px system-ui;white-space:nowrap}@media(max-width:620px){.pick-action-dock{bottom:9px;padding:10px 10px 10px 13px}.pick-action-dock b{font-size:16px}.pick-action-dock span{display:none}.pick-action-dock button{min-height:44px;padding:8px 13px;font-size:10px}}body.create-route .pick-action-dock,body.moment-route .pick-action-dock{display:none!important}

/* avatar2slide20d: landing is the front door; discover is selection */
.landing-journey{display:grid;gap:8px;margin:17px 0 4px;padding:0;list-style:none}.landing-journey li{display:grid;grid-template-columns:34px 1fr;align-items:center;gap:10px;padding:9px 11px;border:1px solid #171713;border-radius:13px;background:rgba(255,255,255,.62)}.landing-journey li>b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#171713;color:#fff;font:950 15px Impact,"Arial Black",sans-serif}.landing-journey li>span{display:grid;text-align:left;font:650 10px/1.3 system-ui;color:#615d52}.landing-journey strong{font:900 12px system-ui;color:#171713}.landing-demo-make{font-size:13px;min-height:22px}.hero>.hero-inner>.searchbar,.hero>.hero-inner>.chips,.hero>.hero-inner>.region-bar,.hero>.hero-inner>.missing-line,.landing-route main,.landing-route>footer{display:none}.discover-route .landing-card-demo,.discover-route .hero h1,.discover-route .hero .sub,.discover-route .hero .kicker{display:none!important}.discover-route .hero>.hero-inner>.searchbar,.discover-route .hero>.hero-inner>.chips,.discover-route .hero>.hero-inner>.region-bar,.discover-route .hero>.hero-inner>.missing-line{display:flex}.discover-route .hero{padding-bottom:24px}.discover-route main,.discover-route>footer{display:block}.discover-route .hero-inner:before{content:"PICK THE CARTOONS THAT MADE YOU";display:block;margin:20px 0 6px;font:950 clamp(34px,6vw,68px)/.9 Impact,"Arial Black",sans-serif;letter-spacing:-.03em}.discover-route .hero-inner:after{content:"Vote and Pick for shelf stay separate. Save your shelf when your picks are ready.";display:block;margin:8px 0 0;color:#655f55;font:700 13px system-ui}@media(max-width:760px){.landing-journey{margin-top:13px}.landing-journey li{padding:8px}.landing-card-demo{padding-bottom:26px}.discover-route .hero-inner:before{font-size:38px}}

/* avatar2slide20d: the landing hero is the visual 1-2-3 */
.landing-flow-hero{margin:24px 0 42px;padding:clamp(20px,3vw,38px);border:4px solid #171713;border-radius:28px;background:#ffefcf;box-shadow:12px 12px 0 #ef4f23}.landing-flow-head{text-align:center;margin-bottom:24px}.landing-flow-head>small{font:900 9px system-ui;letter-spacing:.18em;color:#ef4f23}.landing-flow-head h2{margin:6px 0;font:950 clamp(48px,7vw,90px)/.82 Impact,"Arial Black",sans-serif;text-transform:uppercase}.landing-flow-head p{font:700 14px system-ui;color:#5d584f}.landing-step-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.landing-step-card{display:flex;flex-direction:column;min-width:0;min-height:470px;padding:14px;border:3px solid #171713;border-radius:20px;background:#fff;box-shadow:6px 6px 0 #171713;overflow:hidden}.landing-step-card>header{display:grid;grid-template-columns:38px 1fr;gap:9px;align-items:center;margin-bottom:14px}.landing-step-card>header>b{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#171713;color:#fff;font:950 18px Impact,"Arial Black",sans-serif}.landing-step-card>header span{display:grid;font:700 10px/1.3 system-ui;color:#625d55}.landing-step-card>header strong{font:950 18px Impact,"Arial Black",sans-serif;color:#171713}.landing-step-card>footer{margin-top:auto;padding-top:12px;font:850 10px system-ui;text-align:center;color:#5d584f}.step-search-ui{display:flex;align-items:center;gap:8px;margin:30px 0 18px;padding:14px;border:2px solid #171713;border-radius:99px;color:#817c72}.step-search-ui span{font-size:25px}.step-search-ui b{font:700 10px system-ui}.step-search-results{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.step-search-results i{height:190px;border:2px solid #171713;border-radius:10px;background:linear-gradient(145deg,#25f4ee,#2669c9)}.step-search-results i:nth-child(2){background:linear-gradient(145deg,#ffef5a,#ef4f23)}.step-search-results i:nth-child(3){background:linear-gradient(145deg,#fe2c55,#7b2cff)}.landing-step-create{background:#fffdf7}.landing-step-create .landing-demo-card{height:350px;width:min(220px,100%);margin:0 auto}.landing-step-create .landing-demo-face{border-width:4px;border-radius:15px;box-shadow:6px 7px 0 #25a77b}.landing-step-create .landing-demo-front{grid-template-rows:17% 65% 18%}.landing-step-create .landing-demo-front>header{padding:6px 8px}.landing-step-create .landing-demo-front>header b{font-size:15px}.landing-step-create .landing-demo-front>footer{padding:6px 8px}.landing-step-create .landing-demo-front>footer span{font-size:12px}.landing-step-create .landing-demo-back header{padding:14px 10px 9px}.landing-step-create .landing-demo-back h3{font-size:19px}.landing-step-create .landing-demo-back>div{padding:10px;gap:8px}.landing-step-create .landing-demo-back p{font-size:12px}.step-share-card{display:grid;gap:9px;margin:24px 8px;padding:18px;border:3px solid #171713;border-radius:18px;background:#171713;box-shadow:7px 7px 0 #25a77b}.step-share-card strong{color:#fff;font:950 24px/.9 Impact,"Arial Black",sans-serif;text-align:center}.step-share-card button{min-height:48px;border:2px solid #fff;border-radius:99px;background:#25d366;color:#071f10;font:900 11px system-ui}.step-share-card button:nth-of-type(2){background:#ffef5a}.step-share-card button:nth-of-type(3){background:#fff}.step-share-card button:nth-of-type(4){background:#ef4f23;color:#fff}.landing-start{display:grid;place-items:center;width:min(440px,100%);min-height:62px;margin:28px auto 0;border:3px solid #171713;border-radius:99px;background:#ffef5a;color:#171713;box-shadow:6px 7px 0 #25a77b;text-decoration:none;font:950 16px system-ui}.landing-route .landing-card-demo{display:none!important}@media(max-width:900px){.landing-step-cards{grid-template-columns:1fr}.landing-step-card{min-height:390px}.step-search-results i{height:130px}.landing-step-create .landing-demo-card{height:380px;width:240px}.landing-flow-head h2{font-size:58px}}

/* avatar2slide20d: interactive search example + complete share rails */
.step-search-ui input{min-width:0;width:100%;border:0;outline:0;background:transparent;font:700 10px system-ui;color:#171713}.step-search-ui button{border:0;border-radius:99px;padding:8px 10px;background:#171713;color:#fff;font:900 8px system-ui;white-space:nowrap}.card-share-dock>div{grid-template-columns:1.25fr 1fr 1fr 1fr 1fr}.card-share-email,.card-share-embed{background:#fff;color:#171713}.card-share-embed{cursor:pointer}@media(max-width:760px){.card-share-dock>div{grid-template-columns:1fr 1fr}.card-share-profile{grid-column:1/-1}.card-share-email,.card-share-embed{min-height:34px!important}}

/* avatar2slide20d: Step 1 visibly contains real cartoon picks */
.step-search-results figure{display:grid;grid-template-rows:1fr auto;height:190px;margin:0;border:2px solid #171713;border-radius:10px;background:#fff;overflow:hidden}.step-search-results figure img{display:block;width:100%;height:100%;min-height:0;object-fit:contain;padding:8px;background:linear-gradient(145deg,#25f4ee,#2669c9)}.step-search-results figure:nth-child(2) img{background:linear-gradient(145deg,#ffef5a,#ef4f23)}.step-search-results figure:nth-child(3) img{background:linear-gradient(145deg,#fe2c55,#7b2cff)}.step-search-results figcaption{display:flex;align-items:center;justify-content:space-between;gap:3px;padding:6px;font:850 8px/1.15 system-ui;color:#171713}.step-search-results figcaption button{border:1px solid #171713;border-radius:99px;background:#ffef5a;padding:4px 5px;font:900 7px system-ui}.step-search-results>i{display:none!important}@media(max-width:900px){.step-search-results figure{height:150px}}

/* avatar2slide20d: a serious, task-clear profile surface */
.profilepage{max-width:1100px!important}.profilepage .pp-head{margin:22px 0 18px;padding:26px;border:1px solid #ded9ce;border-radius:24px;background:#fff;box-shadow:0 16px 45px rgba(31,27,18,.08)}.profilepage .pp-avatar{width:112px;height:112px;border:4px solid #fff;box-shadow:0 0 0 2px #171713,7px 7px 0 #25a77b}.profilepage .pp-name{font-size:clamp(36px,6vw,64px)!important;letter-spacing:-.04em}.pp-profile-purpose{max-width:520px;margin-top:7px;font:650 12px/1.45 system-ui;color:#716d65}.profile-command{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:0 0 24px}.profile-command a,.profile-command button{display:grid;place-items:center;min-height:50px;border:2px solid #171713;border-radius:14px;background:#fff;color:#171713;text-decoration:none;font:900 11px system-ui}.profile-command a:first-child{background:#ffef5a;box-shadow:4px 4px 0 #ef4f23}.profile-command a:nth-child(2){background:#171713;color:#fff}.profile-command button{background:#25d366;cursor:pointer}.profilepage .shelf-sec,.profilepage .cp-thread{padding:22px;border:1px solid #ded9ce;border-radius:22px;background:#fff;box-shadow:0 10px 35px rgba(31,27,18,.06)}.profilepage .pp-owner{display:grid!important;grid-template-columns:1.35fr repeat(3,1fr);gap:8px;align-items:center;margin:0 0 24px;padding:16px;border:2px solid #171713;border-radius:18px;background:#fffdf7}.profile-owner-title{display:grid;gap:3px}.profile-owner-title b{font:950 18px Impact,"Arial Black",sans-serif;text-transform:uppercase}.profile-owner-title span{font:650 10px/1.35 system-ui;color:#68635b}.profilepage .pp-owner button{min-height:44px}.profilepage .section-heading h4{font:950 25px Impact,"Arial Black",sans-serif;text-transform:uppercase}@media(max-width:720px){.profilepage .pp-head{padding:18px}.profile-command{grid-template-columns:1fr}.profilepage .pp-owner{grid-template-columns:1fr}.profilepage .pp-avatar{width:88px;height:88px}}

/* avatar2slide20d: shelf + created contact card management */
.profile-contact-preview{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:20px;margin:0 0 24px;padding:22px;border:2px solid #171713;border-radius:22px;background:linear-gradient(135deg,#171713,#2a2740);color:#fff;box-shadow:7px 8px 0 #25a77b}.profile-contact-preview small{font:900 8px system-ui;letter-spacing:.16em;color:#25f4ee}.profile-contact-preview h3{margin:6px 0;font:950 32px/.9 Impact,"Arial Black",sans-serif;text-transform:uppercase}.profile-contact-preview p{margin:0;font:650 11px/1.4 system-ui;color:#ddd}.profile-contact-preview>div:last-child{display:grid;gap:8px}.profile-contact-preview button,.profile-contact-preview a{display:grid;place-items:center;min-height:44px;border:2px solid #fff;border-radius:99px;background:#ffef5a;color:#171713;text-decoration:none;font:900 10px system-ui}.profile-contact-preview a{background:#fff}.profilepage .shelf-grid{padding-top:10px}.profilepage .stamp{border:1px solid #ddd7ca;box-shadow:0 5px 16px #17171312}.profilepage .stamp .shelf-note,.profilepage .stamp .pp-note{border-top:1px solid #ece8df;background:#fffdf7}.profilepage .shelf-sec .section-heading span{padding:6px 9px;border-radius:99px;background:#ffef5a;color:#171713;font-weight:850}@media(max-width:720px){.profile-contact-preview{grid-template-columns:1fr}.profile-contact-preview h3{font-size:27px}}

/* avatar2slide20d: discussion + annotation are the core loop */
.profile-play{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:18px;margin:0 0 24px;padding:22px;border:3px solid #171713;border-radius:22px;background:#ffef5a;color:#171713;box-shadow:7px 8px 0 #ef4f23}.profile-play small{font:900 8px system-ui;letter-spacing:.18em;color:#ef4f23}.profile-play h3{margin:5px 0;font:950 31px/.9 Impact,"Arial Black",sans-serif;text-transform:uppercase}.profile-play p{margin:0;font:700 11px/1.45 system-ui}.profile-play>div:last-child{display:grid;gap:8px}.profile-play button,.profile-play a{display:grid;place-items:center;min-height:44px;border:2px solid #171713;border-radius:99px;background:#171713;color:#fff;text-decoration:none;font:900 10px system-ui}.profile-play a{background:#fff;color:#171713}.profilepage .section-heading>div{display:grid;gap:3px}.profilepage .section-heading small{font:650 10px system-ui;color:#6e685f}.profilepage .pp-note{font-size:12px;line-height:1.4}.card-share-dock>div{grid-template-columns:1.2fr repeat(5,1fr)}.card-discuss-now{background:#ef4f23!important;color:#fff!important}.profilepage .cp-thread{border:3px solid #171713;box-shadow:7px 8px 0 #25a77b}.profilepage .cp-thread>h3:before{content:"THE CONVERSATION";display:block;margin-bottom:5px;font:900 8px system-ui;letter-spacing:.16em;color:#ef4f23}@media(max-width:720px){.profile-play{grid-template-columns:1fr}.card-share-dock>div{grid-template-columns:1fr 1fr}.card-discuss-now{grid-column:1/-1}}

/* avatar2slide20e: /discover is the working surface, never the landing explainer. */
.app-route .landing-flow-hero{display:none!important}

/* avatar2slide20zc: every application route is separate from the landing front door. */
.app-route .kicker,.app-route .hero h1,.app-route .hero .sub{display:none!important}
.moment-route .hero,.app-route:has(.profilepage:not([hidden])) .hero{min-height:0!important;padding-bottom:0!important}

/* avatar2slide20zc: selection dock belongs to authenticated discovery only. */
html:not(.app-route) .pick-action-dock,body.moment-route .pick-action-dock,body.create-route .pick-action-dock,body:has(.profilepage:not([hidden])) .pick-action-dock{display:none!important}

/* avatar2slide20zc: dock count is ephemeral card-working state, never the saved shelf. */

/* avatar2slide20zc: maker exits return to discovery; current picks remain session-scoped. */

/* avatar2slide20zc: wide/logo art is framed whole instead of being enlarged into letter crops. */
.thumb img.art-contain,.rthumb img.art-contain,.panel-poster img.art-contain,.fresh-posters img.art-contain,.creation-picks img.art-contain{object-fit:contain!important;object-position:center!important;padding:12px;background:#f1eee6}
.thumb img.art-contain,.rthumb img.art-contain{transform:none!important}
@media(max-width:560px){.thumb img.art-contain,.rthumb img.art-contain{padding:8px}}

/* avatar2slide20zc: voting and shelf picking are distinct, explicit actions. */
.vote-row,.gem-vote{align-items:center;gap:7px}.pick-btn{border:1px solid #171713;border-radius:999px;padding:5px 9px;background:#fff;color:#171713;font:850 10px system-ui;cursor:pointer;white-space:nowrap}.pick-btn:hover{background:#ffef5a}.pick-btn.picked{background:#25a77b;color:#fff;border-color:#16785a}.gem-vote{display:flex;flex-wrap:wrap;margin-top:8px}

/* avatar2slide20zc: a shelf is a named, annotated collection - not votes or a card. */
.named-shelf{border:3px solid #171713;border-radius:18px;padding:18px;background:#fffdf7}.named-shelf .section-heading{align-items:flex-start}.named-shelf .section-heading small{font:900 9px system-ui;letter-spacing:.15em;color:#ef4f23}.named-shelf .section-heading h4{font:950 28px/.95 Impact,"Arial Black",sans-serif;margin:4px 0}.named-shelf .section-heading p{max-width:440px;color:#686259;font:650 12px/1.4 system-ui}.shelf-name-edit{display:flex;gap:7px}.shelf-name-edit input{min-width:220px;border:2px solid #171713;border-radius:10px;padding:9px 11px}.public-named-shelf{margin-top:20px}@media(max-width:620px){.named-shelf .section-heading{display:grid;gap:9px}.shelf-name-edit{display:grid}.shelf-name-edit input{min-width:0;width:100%}}

/* avatar2slide20zc: discovery owns card creation and the Product Hunt-style social card feed. */
.discover-create{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:10px 0 24px;padding:24px;border:3px solid #171713;border-radius:20px;background:#ffef5a;box-shadow:8px 8px 0 #25a77b}.discover-create small,.people-discovery .section-heading small{font:900 9px system-ui;letter-spacing:.16em;color:#ef4f23}.discover-create h2{font:950 38px/.95 Impact,"Arial Black",sans-serif;margin:4px 0}.discover-create p{max-width:560px;font:650 13px/1.45 system-ui;color:#5f594e}.discover-create button{border:2px solid #171713;border-radius:999px;padding:15px 20px;background:#ef4f23;color:#fff;font:900 13px system-ui;box-shadow:4px 4px 0 #171713;white-space:nowrap}.people-discovery{border:3px solid #171713;border-radius:20px;padding:20px;background:#fffdf7;margin-bottom:30px}.people-discovery .section-heading h4{font:950 28px/.95 Impact,"Arial Black",sans-serif}.feed-list{display:grid;gap:12px}.card-feed-row{display:grid;grid-template-columns:minmax(280px,1.5fr) minmax(160px,.7fr) minmax(280px,1fr);align-items:center;gap:16px;padding:12px;border:2px solid #d9d3c8;border-radius:16px;background:#fff}.card-feed-open{display:grid;grid-template-columns:180px 1fr;gap:12px;align-items:center;color:inherit;text-decoration:none}.card-feed-row .fresh-posters{height:76px}.card-feed-row .fresh-posters img,.card-feed-row .fresh-posters span{height:76px}.card-feed-copy h4{font-size:13px;line-height:1.3}.card-feed-copy time{font-size:10px;color:var(--dim)}.card-feed-row .feed-identity{display:flex;align-items:center;gap:8px;color:inherit;text-decoration:none}.feed-identity small{display:block;font-size:8px;color:var(--dim);letter-spacing:.1em}.feed-identity b{display:block;margin:2px 0;font-size:12px}.card-feed-social{display:flex;align-items:center;justify-content:flex-end;gap:12px}.card-participants>span{display:block;font-size:8px;color:var(--dim);letter-spacing:.08em}.participant-faces{display:flex;margin-top:5px}.participant-faces a,.participant-faces i{display:grid;place-items:center;width:28px;height:28px;margin-left:-5px;border:2px solid #fff;border-radius:50%;overflow:hidden;color:#fff;font:800 7px system-ui;text-decoration:none}.participant-faces a:first-child,.participant-faces i:first-child{margin-left:0}.participant-faces img{width:100%;height:100%;object-fit:cover}.participant-faces .awaiting{width:auto;padding:0 9px;border:1px dashed #aaa;border-radius:99px;color:#777;background:#fff;font-style:normal}.feed-comment-count{font-size:10px;color:var(--dim);white-space:nowrap}.feed-like{border:2px solid #171713;border-radius:11px;padding:10px;background:#fff;color:#171713;font:900 13px system-ui}.feed-like.on{background:#ef4f23;color:#fff}@media(max-width:850px){.card-feed-row{grid-template-columns:1fr}.card-feed-social{justify-content:flex-start}.discover-create{align-items:flex-start;flex-direction:column}.discover-create h2{font-size:32px}}@media(max-width:520px){.card-feed-open{grid-template-columns:120px 1fr}.card-feed-row .fresh-posters,.card-feed-row .fresh-posters img,.card-feed-row .fresh-posters span{height:66px}}

/* avatar2slide20zc: one concise maker CTA; QA identities stay out of public feed. */
/* Separate action from social proof: these are independent discovery sections. */
.discover-create{margin-bottom:54px;position:relative}
.discover-create:after{content:"";position:absolute;left:0;right:0;bottom:-29px;height:1px;background:#d9d3c8}
.people-discovery{margin-top:0;padding-top:24px;background:#fff;border-color:#171713;box-shadow:none}
.people-discovery:before{content:"COMMUNITY";display:inline-block;margin-bottom:8px;padding:5px 9px;border-radius:999px;background:#171713;color:#fff;font:900 8px system-ui;letter-spacing:.15em}
/* Feed items are real published-card previews, not list rows. */
.feed-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card-feed-row{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0;border:3px solid #171713;border-radius:20px;overflow:hidden;background:#fff;box-shadow:6px 7px 0 #ef4f23}.card-feed-open{display:block;color:inherit;text-decoration:none}.feed-card-art{position:relative;aspect-ratio:1200/630;overflow:hidden;background:#ece8df;border-bottom:2px solid #171713}.feed-card-art>img{width:100%;height:100%;object-fit:cover;display:block}.feed-card-art .feed-card-fallback{height:100%;padding:12px;grid-template-columns:repeat(4,1fr)}.feed-card-art .feed-card-fallback img,.feed-card-art .feed-card-fallback span{height:100%;min-height:0}.card-feed-copy{padding:13px 14px}.card-feed-copy>small{font:900 8px system-ui;letter-spacing:.14em;color:#ef4f23}.card-feed-copy h4{min-height:34px;margin:5px 0;font-size:14px}.card-feed-row>footer{display:grid;gap:12px;margin-top:auto;padding:13px 14px;background:#fff;border-top:1px solid #ddd;text-align:left;color:inherit}.card-feed-row .feed-identity{display:flex}.card-feed-social{justify-content:space-between}.card-feed-row>footer:before{display:none}@media(max-width:980px){.feed-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.feed-list{grid-template-columns:1fr}.card-feed-row{max-width:430px}.card-feed-open{display:block}}
/* 20n immersive feed: one real card at a time, Shorts-style scroll with social rail. */
.people-discovery{background:#171713;color:#fff;padding:28px}.people-discovery .section-heading p,.people-discovery .section-heading>span{color:#c9c5bd}.feed-list{display:flex;flex-direction:column;align-items:center;gap:44px}.card-feed-row{position:relative;width:min(100%,560px);display:block;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}.card-feed-open{display:block}.feed-card-art{aspect-ratio:9/14;border:3px solid #fff;border-radius:24px;overflow:hidden;background:#101014;box-shadow:0 18px 60px #0008}.feed-character-card{height:100%;display:grid;grid-template-rows:auto 1fr auto;background:#101014;color:#fff}.feed-character-card>header{display:grid;padding:20px 22px 15px;border-bottom:1px solid #ffffff2b}.feed-character-card>header small,.feed-character-card>footer small{font:900 9px system-ui;letter-spacing:.16em;color:#57e6d1}.feed-character-card>header b{font:950 24px Impact,"Arial Black",sans-serif;text-transform:uppercase}.feed-character-visual{position:relative;overflow:hidden;background:#ffef5a}.feed-character-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.feed-character-visual .feed-favorite{clip-path:polygon(0 0,48% 0,48% 100%,0 100%)}.feed-character-visual .feed-cartoon-self{clip-path:polygon(52% 0,100% 0,100% 100%,52% 100%)}.feed-character-visual:after{content:"";position:absolute;left:50%;top:0;bottom:0;width:3px;background:#fff;transform:translateX(-50%)}.feed-character-card>footer{display:grid;gap:4px;padding:17px 22px 21px}.feed-character-card>footer strong{font:950 28px/.95 Impact,"Arial Black",sans-serif;text-transform:uppercase}.feed-character-card blockquote{font:750 13px/1.4 system-ui;color:#d7d4cc}.feed-character-card>footer span{margin-top:8px;color:#ffef5a;font:850 10px system-ui}.feed-legacy-card{width:100%;height:100%;display:grid;place-items:center}.feed-legacy-card>img{width:100%;height:100%;object-fit:cover}.card-feed-copy{position:absolute;left:18px;right:18px;bottom:116px;z-index:2;padding:12px;border-radius:12px;background:#000a;color:#fff;backdrop-filter:blur(8px)}.feed-character-card+.card-feed-copy{display:none}.card-feed-row>footer{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:13px 0 0;padding:12px 0;background:transparent;border:0;color:#fff}.card-feed-row .feed-identity small,.feed-comment-count,.card-participants>span{color:#aaa}.card-feed-social{display:flex;justify-content:flex-end}.feed-like{background:#fff}.participant-faces a,.participant-faces i{border-color:#171713}.feed-avatar,.feed-avatar-f{border-color:#fff}@media(max-width:620px){.people-discovery{margin-left:-20px;margin-right:-20px;border-left:0;border-right:0;border-radius:0;padding:22px 14px}.card-feed-row{width:min(100%,430px)}.feed-card-art{border-radius:18px}.card-feed-row>footer{align-items:flex-start;flex-direction:column}.card-feed-social{width:100%;justify-content:space-between}}

/* avatar2slide20zc: profile owns a left-side My Cards library with card actions. */
.profile-two-column{display:grid;grid-template-columns:300px minmax(0,1fr);gap:26px;align-items:start;max-width:1240px;margin:0 auto}.profile-main-column{min-width:0}.my-cards-panel{position:sticky;top:18px;padding:18px;border:3px solid #171713;border-radius:20px;background:#171713;color:#fff;box-shadow:7px 8px 0 #25a77b}.my-cards-panel .section-heading{display:block}.my-cards-panel small{font:900 9px system-ui;letter-spacing:.15em;color:#57e6d1}.my-cards-panel h3{font:950 30px/.95 Impact,"Arial Black",sans-serif;margin:5px 0}.my-cards-panel p{font:650 11px/1.4 system-ui;color:#bbb}.my-cards-list{display:grid;gap:11px;margin:16px 0}.my-card-item{display:grid;grid-template-columns:80px 1fr;gap:10px;padding:8px;border:1px solid #ffffff2b;border-radius:13px;background:#ffffff0c}.my-card-visual{display:block;height:102px;border-radius:9px;overflow:hidden;background:#333}.my-card-visual img{width:100%;height:100%;object-fit:cover}.my-card-item>div{min-width:0;display:flex;flex-direction:column;gap:5px}.my-card-item b{font-size:11px;line-height:1.2}.my-card-item time{font-size:9px;color:#aaa}.my-card-item>div>div{display:flex;flex-wrap:wrap;gap:5px}.my-card-item a,.my-card-item button{border:0;background:none;color:#ffef5a;font:800 9px system-ui;text-decoration:none;padding:0}.my-cards-create{display:flex;justify-content:center;text-align:center;text-decoration:none}.profile-main-column>.pp-head{margin-top:0}@media(max-width:900px){.profile-two-column{grid-template-columns:1fr}.my-cards-panel{position:static;order:2}.profile-main-column{order:1}.my-cards-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.my-cards-list{grid-template-columns:1fr}}

/* avatar2slide20zc: browsing stays open; every participating action opens the sign-in gate. */

/* avatar2slide20zc: legible app journey, minimal signed-out discovery, sectioned profile page. */
.app-journey{position:relative;z-index:59;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:10px max(20px,calc((100vw - 1240px)/2));border-bottom:1px solid #ddd;background:#fff;color:#171713}.app-journey ol{display:flex;gap:7px;list-style:none}.app-journey li{display:flex;align-items:center;gap:5px;color:#aaa;font:750 9px system-ui}.app-journey li b{display:grid;place-items:center;width:20px;height:20px;border:1px solid #bbb;border-radius:50%}.app-journey li.current{color:#171713}.app-journey li.current b{background:#ef4f23;border-color:#ef4f23;color:#fff}.app-journey li.done b{background:#25a77b;border-color:#25a77b;color:#fff}.app-journey p{display:grid;text-align:right}.app-journey p small{font:900 7px system-ui;letter-spacing:.14em;color:#ef4f23}.app-journey p strong{font:850 10px system-ui}.auth-pending.discover-route #discover-create,.auth-pending.discover-route .pick-btn,.signed-out.discover-route #discover-create,.signed-out.discover-route .pick-btn,.signed-out.discover-route #pick-action-dock{display:none!important}.signed-out.discover-route .chips>*:not(:first-child):not(:nth-child(2)),.signed-out.discover-route .region-bar,.signed-out.discover-route .missing-line{display:none!important}.profilepage{display:block}.profile-two-column{align-items:start}.profile-main-column{display:grid;gap:20px}.app-profile-section,.pp-head,.profile-command,.pp-owner{border:1px solid #ddd;border-radius:18px;padding:20px;background:#fff}.app-profile-section{margin:0!important}.profile-contact-preview{display:grid}.cp-thread>.section-heading{margin-bottom:18px}.cp-thread>.section-heading small{font:900 9px system-ui;letter-spacing:.14em;color:#ef4f23}.shelf-head-actions{display:flex;align-items:center;gap:9px}.shelf-like{border:2px solid #171713;border-radius:99px;background:#fff;padding:8px 11px;font:850 10px system-ui}.shelf-like.on{background:#ef4f23;color:#fff}@media(max-width:760px){.app-journey{align-items:flex-start;overflow-x:auto}.app-journey li span{display:none}.app-journey li.current span{display:block;white-space:nowrap}.app-journey p{min-width:120px}.profile-main-column{gap:14px}}

/* avatar2slide20zc: evidence-based activity on the profile owner’s cards. */
.profile-activity-list{display:grid;gap:10px;margin-top:14px}.profile-activity-row{display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:start;padding:11px;border:1px solid #ddd;border-radius:12px;background:#faf9f5}.profile-activity-row>a,.profile-activity-row>i{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;overflow:hidden;color:#fff;text-decoration:none;font:850 10px system-ui}.profile-activity-row img{width:100%;height:100%;object-fit:cover}.profile-activity-row .activity-heart{background:#ef4f23;font-size:18px;font-style:normal}.profile-activity-row>div{display:grid;gap:3px}.profile-activity-row b{font-size:12px}.profile-activity-row span{font-size:11px;color:#666;line-height:1.35}.profile-activity-row>div>a{font:800 9px system-ui;color:#ef4f23;text-decoration:none}.activity-proof-note{margin-top:4px;padding:9px;border-left:3px solid #25a77b;color:#777;font:650 10px/1.4 system-ui}

/* avatar2slide20zc: the social card feed is deliberately absent from Discover in every auth state. */
.discover-route #people-discovery,.discover-route .people-discovery,.discover-route .feed-list,.discover-route .card-feed-row{display:none!important}

/* avatar2slide20zc: Discover has no creation entry. My Cards owns the one maker entry. */
.discover-route #discover-create,.discover-route .discover-create,.discover-route .sharebar,.discover-route #pick-action-dock{display:none!important}.my-cards-panel .my-cards-create{display:flex;margin-top:16px;padding:16px 18px;border:2px solid #fff;background:#ef4f23;color:#fff;box-shadow:4px 4px 0 #ffef5a;font-size:14px}.maker-needs-picks{display:inline-flex;margin-top:16px;text-decoration:none}

/* avatar2slide20zc: one approved app map, with persistent navigation and real page sections. */
.app-nav{display:flex;align-items:center;justify-content:flex-end;gap:7px;margin-left:auto}.app-nav[hidden]{display:none!important}.app-nav a,.app-nav button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;border:1px solid #171713;border-radius:999px;padding:7px 13px;background:#fff;color:#171713;text-decoration:none;font:850 10px system-ui;cursor:pointer}.app-nav .nav-home{background:#ffef5a}.app-nav .nav-cards{background:#171713;color:#fff}.app-nav .nav-profile{background:#25a77b;color:#fff}.app-nav .nav-signout{border-color:#bdb6a9;color:#686259}.signed-in #shelf-btn{display:none}.brand-row{gap:12px}.brand-row .brand{flex:none}
.my-cards-route .hero>.hero-inner>*:not(.brand-row),.profile-route .hero>.hero-inner>*:not(.brand-row),.create-route .hero>.hero-inner>*:not(.brand-row){display:none!important}.my-cards-route .hero,.profile-route .hero,.create-route .hero{min-height:0!important;padding:0!important}.my-cards-route main>:not(#mycardspage),.profile-route main>:not(#profilepage){display:none!important}.mycardspage{max-width:1180px;margin:0 auto;padding:28px 20px 60px}.my-cards-page-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px;padding:28px;border:3px solid #171713;border-radius:24px;background:#ffef5a;box-shadow:8px 9px 0 #25a77b}.my-cards-page-head small{font:900 9px system-ui;letter-spacing:.16em;color:#ef4f23}.my-cards-page-head h1{margin:5px 0;font:950 clamp(42px,7vw,74px)/.86 Impact,"Arial Black",sans-serif;text-transform:uppercase}.my-cards-page-head p{max-width:570px;color:#625d54;font:700 12px/1.45 system-ui}.cards-create-primary{display:grid;place-items:center;min-width:190px;min-height:54px;border:2px solid #171713;background:#ef4f23;color:#fff;box-shadow:5px 5px 0 #171713;text-decoration:none;font-size:13px}.my-cards-page-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.my-card-library-item{overflow:hidden;border:2px solid #171713;border-radius:18px;background:#fff;box-shadow:5px 6px 0 #ef4f23}.my-card-library-visual{display:block;aspect-ratio:4/5;overflow:hidden;background:#171713}.my-card-library-visual img{width:100%;height:100%;object-fit:cover}.my-card-library-item>div{display:grid;gap:7px;padding:14px}.my-card-library-item b{font:900 14px/1.2 system-ui}.my-card-library-item time{font:700 10px system-ui;color:#777}.my-card-library-item>div>div{display:flex;gap:7px}.my-card-library-item>div>div a,.my-card-library-item>div>div button{border:1px solid #171713;border-radius:999px;padding:7px 10px;background:#fff;color:#171713;text-decoration:none;font:800 9px system-ui}.my-cards-empty{grid-column:1/-1;display:grid;gap:7px;padding:30px;border:2px dashed #aaa;border-radius:18px;color:#777}.my-cards-empty b{color:#171713;font-size:18px}.profile-only-page{max-width:1000px;margin:24px auto 60px}.shelf-save-dock{position:fixed;z-index:65;left:50%;bottom:16px;transform:translateX(-50%);width:min(720px,calc(100vw - 28px));display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px 12px 18px;border:3px solid #171713;border-radius:18px;background:#fffdf7;color:#171713;box-shadow:7px 8px 0 #25a77b,0 14px 40px #0003}.shelf-save-dock>div{display:grid;gap:2px}.shelf-save-dock b{font:950 20px/.95 Impact,"Arial Black",sans-serif;text-transform:uppercase}.shelf-save-dock span{font:750 10px system-ui;color:#676259}.shelf-save-dock button{min-height:48px;border:2px solid #171713;border-radius:99px;padding:10px 18px;background:#ffef5a;color:#171713;box-shadow:4px 4px 0 #ef4f23;font:900 12px system-ui}.create-route #card-modal{position:relative;inset:auto;min-height:calc(100svh - 58px);padding:22px;background:#f5f2eb;backdrop-filter:none}.create-route #card-modal .card-box{max-width:1080px;border:2px solid #171713;box-shadow:8px 9px 0 #25a77b}.create-route #card-modal .card-body{padding:clamp(18px,4vw,42px)}.maker-app-nav{display:flex;gap:7px;flex-wrap:wrap;padding:12px 62px 12px 14px;border-bottom:1px solid #ddd;background:#171713}.maker-app-nav a,.maker-app-nav button{border:1px solid #fff;border-radius:999px;padding:7px 11px;background:transparent;color:#fff;text-decoration:none;font:800 9px system-ui}.create-route .voice-step{max-width:none}.create-route .maker-wizard{position:sticky;top:0;z-index:4;background:#fffdf7}.create-route .avatar-preview-pair,.create-route .creation-picks{max-width:100%}.create-route canvas{max-width:100%;height:auto}.create-route input,.create-route textarea,.create-route select{box-sizing:border-box;max-width:100%}
@media(max-width:820px){.app-nav{gap:4px}.app-nav a,.app-nav button{padding:6px 9px;font-size:9px}.my-cards-page-head{align-items:stretch;flex-direction:column}.cards-create-primary{min-width:0}.my-cards-page-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.brand-row{align-items:flex-start;flex-wrap:wrap}.app-nav{order:3;width:100%;justify-content:space-between;overflow-x:auto}.app-nav a,.app-nav button{flex:none}.my-cards-page-grid{grid-template-columns:1fr}.mycardspage{padding:18px 14px 50px}.my-cards-page-head{padding:20px}.shelf-save-dock{bottom:9px;padding:10px}.shelf-save-dock span{display:none}.shelf-save-dock b{font-size:16px}.shelf-save-dock button{min-height:44px;padding:8px 11px;font-size:10px}.create-route #card-modal{padding:8px}.create-route #card-modal .card-body{padding:16px}.maker-app-nav{padding-left:9px}}

/* 20u signed-out Discover still exposes Pick; the action itself owns the sign-in gate. */
.auth-pending.discover-route .pick-btn,.signed-out.discover-route .pick-btn{display:inline-flex!important}
/* avatar2slide20zc: card actions live with the card, while chrome stays quiet. */
body.character-card-route .hero{display:block!important;position:relative;z-index:80;background:#fff!important;padding:0 18px!important}body.character-card-route .hero-inner{max-width:1240px;margin:auto}body.character-card-route .brand-row{height:62px;margin:0;border-bottom:1px solid #e6e1d8}body.character-card-route .brand{color:#171713!important}body.character-card-route .moment-slides{height:calc(100svh - 62px)!important;min-height:calc(100svh - 62px)!important}.card-action-rail{position:fixed;z-index:70;right:clamp(14px,2vw,28px);top:50%;transform:translateY(-50%);display:grid;gap:8px;padding:9px;border:1px solid #d7d1c5;border-radius:20px;background:#fffdf7eF;box-shadow:0 12px 34px #17171320;backdrop-filter:blur(12px)}.card-action-rail a,.card-action-rail button{display:grid;place-items:center;gap:3px;width:64px;min-height:58px;border:0;border-radius:14px;background:transparent;color:#171713;text-decoration:none;cursor:pointer}.card-action-rail a:hover,.card-action-rail button:hover,.card-action-rail a:focus-visible,.card-action-rail button:focus-visible{background:#f1ede5;outline:2px solid #171713}.card-action-rail i{font:900 19px/1 system-ui;font-style:normal}.card-action-rail span{font:750 8px/1.1 system-ui}.card-action-rail .card-share-whatsapp i{color:#168b45}.card-action-rail .card-discuss-now i{color:#ef4f23}.card-slider-control{position:absolute;z-index:68;left:50%;bottom:14px;transform:translateX(-50%);display:grid;gap:4px;width:min(390px,calc(100vw - 210px));padding:8px 12px;border:1px solid #d7d1c5;border-radius:14px;background:#fffdf7eF;color:#171713;box-shadow:0 8px 24px #17171320}.card-slider-control span{text-align:center;font:750 8px system-ui;letter-spacing:.06em}.card-slide-range{width:100%;accent-color:#ef4f23;cursor:ew-resize}
/* avatar2slide20zc: one continuous profile with actions where they belong. */
.profile-only-page{gap:0!important;overflow:hidden;border:1px solid #ddd7cc;border-radius:26px;background:#fff;box-shadow:0 16px 44px #1717130c}.profile-only-page>.pp-head,.profile-only-page>.pp-owner,.profile-only-page>.app-profile-section{border:0!important;border-radius:0!important;box-shadow:none!important;margin:0!important}.profile-only-page>*+*{border-top:1px solid #e8e3da!important}.profilepage .pp-head{background:#fff;padding:30px}.profilepage .pp-owner{grid-template-columns:1.5fr repeat(2,1fr);padding:18px 28px;background:#faf8f3}.profile-contact-preview{background:#171713!important;padding:26px 30px!important}.profilepage .named-shelf,.profilepage .cp-thread,.profilepage .profile-activity{padding:30px!important}.profilepage .cp-thread{box-shadow:none!important;border-width:0!important}.shelf-head-actions{flex-wrap:wrap;justify-content:flex-end}.shelf-add-inline{display:inline-flex;align-items:center;min-height:38px;border:1px solid #171713;border-radius:99px;padding:7px 12px;background:#ffef5a;color:#171713;text-decoration:none;font:850 9px system-ui}.inline-shelf-name{display:flex;gap:7px;margin:5px 0}.inline-shelf-name input{min-width:min(380px,55vw);border:0;border-bottom:2px solid #171713;padding:8px 3px;background:transparent;font:950 28px/.95 Impact,"Arial Black",sans-serif;text-transform:uppercase}.inline-shelf-name button{border:1px solid #171713;border-radius:99px;padding:7px 12px;background:#171713;color:#fff;font:800 9px system-ui}.profile-discussion-list{display:grid;gap:8px}.profile-discussion-row{display:grid;grid-template-columns:minmax(90px,.35fr) 1fr auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #eee9e0;color:#171713;text-decoration:none}.profile-discussion-row b,.profile-discussion-row small{font:800 9px system-ui}.profile-discussion-row span{font:650 11px system-ui}.my-library-tabs{display:flex;gap:7px;margin:-8px 0 20px}.my-library-tabs button{border:1px solid #bbb4a8;border-radius:99px;padding:9px 16px;background:#fff;color:#5e5a53;font:850 10px system-ui}.my-library-tabs button.on{background:#171713;color:#fff;border-color:#171713}.my-shelves-page-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.my-shelf-library-item{padding:24px;border:1px solid #d9d3c8;border-radius:20px;background:#fff;box-shadow:0 8px 24px #1717130b}.my-shelf-library-item small{font:850 8px system-ui;letter-spacing:.15em;color:#ef4f23}.my-shelf-library-item h2{margin:6px 0 3px;font:950 34px/.95 Impact,"Arial Black",sans-serif}.my-shelf-library-item p{color:#6d675f;font:700 10px system-ui}.my-shelf-thumbs{display:flex;margin:18px 0}.my-shelf-thumbs img,.my-shelf-thumbs span{width:58px;height:72px;object-fit:cover;border:2px solid #fff;border-radius:9px;background:#eee;display:grid;place-items:center}.my-shelf-thumbs>*+*{margin-left:-10px}.my-shelf-library-item>a{display:inline-flex;border:1px solid #171713;border-radius:99px;padding:9px 13px;color:#171713;text-decoration:none;font:800 9px system-ui}.my-cards-page-head{border:1px solid #d8d2c7;box-shadow:none;background:#fff}.my-card-library-item{border:1px solid #d8d2c7;box-shadow:0 8px 24px #1717130b}
/* auth hint is synchronous, verified session replaces it after boot. */
html.auth-hint #app-nav{display:flex!important}html.auth-hint #shelf-btn{display:none!important}
@media(max-width:760px){body.character-card-route .hero{padding:0 10px!important}body.character-card-route .brand-row{height:auto;min-height:62px;padding:8px 0}.card-action-rail{right:7px;top:auto;bottom:70px;transform:none;padding:5px;gap:2px}.card-action-rail a,.card-action-rail button{width:48px;min-height:45px}.card-action-rail i{font-size:16px}.card-action-rail span{font-size:7px}.card-slider-control{bottom:8px;width:calc(100vw - 28px)}.profilepage .pp-head,.profilepage .named-shelf,.profilepage .cp-thread,.profilepage .profile-activity{padding:20px!important}.profilepage .pp-owner{padding:16px 20px}.inline-shelf-name{display:grid}.inline-shelf-name input{min-width:0;width:100%}.profile-discussion-row{grid-template-columns:1fr}.my-shelves-page-grid{grid-template-columns:1fr}}
body.character-card-route .moment-stage,body.character-card-route .moment-slide{height:calc(100svh - 62px)!important;min-height:0!important}
/* avatar2slide20zc: explicit pointer affordances on every dock and card-rail action. */
.shelf-save-dock button,.card-action-rail button,.card-action-rail a,.card-slider-control input{cursor:pointer}
@media(max-width:760px){
  .card-action-rail{left:8px;right:8px;top:auto;bottom:58px;transform:none;display:flex;gap:5px;overflow-x:auto;padding:6px;border-radius:15px;scrollbar-width:none}
  .card-action-rail::-webkit-scrollbar{display:none}
  .card-action-rail a,.card-action-rail button{flex:0 0 54px;width:54px;min-height:44px;border-radius:10px}
  .card-action-rail i{font-size:15px}.card-action-rail span{font-size:7px}
  .card-slider-control{bottom:7px;width:calc(100vw - 18px);padding:6px 10px}
  .profilepage .pp-owner{grid-template-columns:1fr 1fr!important}
  .profilepage .pp-owner .profile-owner-title{grid-column:1/-1;text-align:left}
}
/* avatar2slide20zc: every interactive surface gets the expected pointer affordance. */
a[href],button:not(:disabled),input[type="button"]:not(:disabled),input[type="submit"]:not(:disabled),input[type="range"]:not(:disabled),[role="button"],.card,.rcard,.pick-btn,.vote,.chip,.regions-btn,.shelf-btn,.shelf-save-dock button,.card-action-rail a,.card-action-rail button,.my-library-tabs button,.my-card-library-visual,.my-card-copy,.shelf-like,.shelf-note,.ghostbtn,.sharecard-btn{cursor:pointer!important}
button:disabled,input:disabled{cursor:not-allowed!important}
/* Keep the mobile action rail fully above the slider; 20x's 58px offset shared its space. */
@media(max-width:760px){.card-action-rail{bottom:120px}}
/* avatar2slide20zc: Shelves is a shelf index, never a card or cartoon preview grid. */
.my-shelves-page-grid{grid-template-columns:1fr}.my-shelf-library-item.shelf-list-row{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:none;padding:22px 24px}.shelf-list-row h2{font-size:28px}.shelf-list-row p{margin:4px 0 0}.shelf-list-row>a{flex:none}@media(max-width:560px){.my-shelf-library-item.shelf-list-row{align-items:flex-start;flex-direction:column}.shelf-list-row>a{width:auto}}
/* avatar2slide20zca: My Cards previews expose both sides and degrade to real cartoon art, never a broken box. */
.my-card-slide-visual{position:relative;isolation:isolate;background:#ece8df}.my-card-slide-visual>a{position:absolute;inset:0;display:block;overflow:hidden}.my-card-slide-visual>a>img,.my-card-side-overlay,.my-card-side-overlay img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.my-card-side-overlay{z-index:2;width:var(--card-slide);overflow:hidden}.my-card-side-overlay img{width:100%;max-width:none}.my-card-slide-visual:after{content:"";position:absolute;z-index:3;left:var(--card-slide);top:0;bottom:42px;width:2px;transform:translateX(-1px);background:#fff;box-shadow:0 0 0 1px #17171399;pointer-events:none}.my-card-slide-visual>label{position:absolute;z-index:4;left:10px;right:10px;bottom:8px;display:grid;gap:2px;padding:5px 8px;border-radius:10px;background:#fffdf7eF;color:#171713;box-shadow:0 4px 14px #17171322}.my-card-slide-visual>label span{text-align:center;font:750 7px system-ui;letter-spacing:.05em}.my-card-side-range{width:100%;accent-color:#ef4f23;cursor:pointer}.my-card-slide-visual.visual-fallback{background:linear-gradient(135deg,#ffef5a,#25a77b)}.my-card-slide-visual.visual-fallback:before{content:"Card art unavailable";position:absolute;inset:0;display:grid;place-items:center;color:#171713;font:900 11px system-ui}.my-card-slide-visual.visual-fallback:after{display:none}
/* avatar2slide20zc: Shorts-style round card actions and full-quality media rendering. */
.card-action-rail{border:0;background:transparent;box-shadow:none;backdrop-filter:none;padding:0;gap:10px}.card-action-rail a,.card-action-rail button{width:58px;min-height:68px;display:flex;flex-direction:column;gap:4px;background:transparent!important}.card-action-rail i{display:grid;place-items:center;width:48px;height:48px;border:1px solid #ded9cf;border-radius:50%;background:#f5f3ee;color:#171713!important;box-shadow:0 3px 12px #17171312;font:900 19px/1 system-ui}.card-action-rail span{font:750 8px/1 system-ui;color:#171713}.card-action-rail a:hover i,.card-action-rail button:hover i,.card-action-rail a:focus-visible i,.card-action-rail button:focus-visible i{background:#e9e5dd}.card-action-rail a:focus-visible,.card-action-rail button:focus-visible{outline:0}.card-like-rail i{font-size:25px}.def-card-visual>img,.my-card-side-base,.my-card-side-overlay img{image-rendering:auto;-webkit-optimize-contrast:auto;filter:contrast(1.025) saturate(1.02)}
@media(max-width:760px){.card-action-rail{gap:7px;padding:5px 7px;background:#fffdf7ef;box-shadow:0 5px 18px #17171322}.card-action-rail a,.card-action-rail button{flex:0 0 46px;width:46px;min-height:48px}.card-action-rail i{width:34px;height:34px;font-size:14px}.card-action-rail span{font-size:6.5px}.card-like-rail i{font-size:19px}}
/* 20zb: Shorts-style round card actions and full-quality media rendering. */
.card-action-rail{border:0;background:transparent;box-shadow:none;backdrop-filter:none;padding:0;gap:10px}.card-action-rail a,.card-action-rail button{width:58px;min-height:68px;display:flex;flex-direction:column;gap:4px;background:transparent!important}.card-action-rail i{display:grid;place-items:center;width:48px;height:48px;border:1px solid #ded9cf;border-radius:50%;background:#f5f3ee;color:#171713!important;box-shadow:0 3px 12px #17171312;font:900 19px/1 system-ui}.card-action-rail span{font:750 8px/1 system-ui;color:#171713}.card-action-rail a:hover i,.card-action-rail button:hover i,.card-action-rail a:focus-visible i,.card-action-rail button:focus-visible i{background:#e9e5dd}.card-action-rail a:focus-visible,.card-action-rail button:focus-visible{outline:0}.card-like-rail i{font-size:25px}.def-card-visual>img,.my-card-side-base,.my-card-side-overlay img{image-rendering:auto;filter:contrast(1.025) saturate(1.02)}
@media(max-width:760px){.card-action-rail{gap:7px;padding:5px 7px;background:#fffdf7ef;box-shadow:0 5px 18px #17171322}.card-action-rail a,.card-action-rail button{flex:0 0 46px;width:46px;min-height:48px}.card-action-rail i{width:34px;height:34px;font-size:14px}.card-action-rail span{font-size:6.5px}.card-like-rail i{font-size:19px}}
/* avatar2slide20zc: the slider is the classic thin before/after divider, on the image itself. */
.card-slider-control{display:none!important}.card-detail-wipe{isolation:isolate;cursor:ew-resize}.card-detail-wipe>img,.detail-cartoon-side,.detail-cartoon-side img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.detail-cartoon-side{z-index:2;width:var(--detail-wipe);overflow:hidden}.detail-cartoon-side img{width:100%;max-width:none}.detail-wipe-line{position:absolute;z-index:4;left:var(--detail-wipe);top:0;bottom:0;width:2px;transform:translateX(-1px);background:#fff;box-shadow:0 0 0 1px #17171399;pointer-events:none}.detail-wipe-line b{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:28px;height:28px;transform:translate(-50%,-50%);border:1px solid #171713;border-radius:50%;background:#fff;color:#171713;font:900 13px system-ui}.detail-wipe-range{position:absolute;z-index:5;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}.my-card-slide-visual:after{bottom:0}.my-card-slide-visual>label{z-index:5;inset:0;padding:0;background:transparent;box-shadow:none}.my-card-slide-visual>label span{position:absolute;left:50%;bottom:9px;transform:translateX(-50%);padding:4px 7px;border-radius:99px;background:#171713cc;color:#fff;white-space:nowrap;pointer-events:none}.my-card-side-range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}.my-card-slide-visual:before{content:"↔";position:absolute;z-index:4;left:var(--card-slide);top:50%;display:grid;place-items:center;width:26px;height:26px;transform:translate(-50%,-50%);border:1px solid #171713;border-radius:50%;background:#fff;color:#171713;font:900 12px system-ui;pointer-events:none}
/* avatar2slide21: one app shell, inline full-catalog maker, attached actions */
body.create-route>.hero{display:block!important}body.create-route>main{display:block!important}body.create-route>footer{display:none!important}body.create-route .hero-inner>*:not(.brand-row){display:none!important}body.create-route .hero{min-height:0!important;padding:0!important}body.create-route #card-modal{position:relative;inset:auto;display:block;min-height:calc(100svh - 58px);padding:28px 18px 70px;background:#f5f2eb;backdrop-filter:none}body.create-route #card-modal .card-box{width:min(1120px,100%);max-width:none;min-height:0;max-height:none;margin:auto;border:0;border-radius:0;box-shadow:none;background:transparent;overflow:visible}body.create-route #card-body{width:100%;max-width:none;margin:0;padding:0}.maker-app-nav{display:none!important}
.maker-page-head{margin:0 0 22px;padding:clamp(22px,4vw,44px);border:3px solid #171713;border-radius:24px;background:#ffef5a;box-shadow:8px 9px 0 #25a77b}.maker-page-head small{font:900 9px system-ui;letter-spacing:.16em;color:#ef4f23}.maker-page-head h1{margin:7px 0;font:950 clamp(44px,8vw,82px)/.85 Impact,"Arial Black",sans-serif;text-transform:uppercase}.maker-page-head p{margin:0;max-width:620px;font:750 13px/1.5 system-ui;color:#5b554b}.maker-catalog{display:grid;gap:12px;margin:18px 0;padding:20px;border:2px solid #171713;border-radius:20px;background:#fff}.maker-catalog>label{display:grid;gap:7px;font:900 11px system-ui}.maker-catalog-search{width:100%;min-height:50px;padding:0 16px!important;border:2px solid #171713!important;border-radius:12px!important;font-size:16px!important}.maker-catalog-count{font:800 10px system-ui;color:#69645c}.maker-catalog-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px!important;max-height:430px;overflow:auto;padding:3px!important}.maker-catalog-tile{display:grid!important;grid-template-rows:110px auto;gap:8px;width:auto!important;min-width:0!important;height:auto!important;padding:9px!important;border:2px solid #d9d4ca!important;border-radius:14px!important;background:#faf8f3!important;color:#171713!important;text-align:left!important;box-shadow:none!important}.maker-catalog-tile img{width:100%!important;height:110px!important;object-fit:contain!important;border-radius:9px;background:#eeeae2}.maker-catalog-tile span{display:grid;gap:4px}.maker-catalog-tile b{font:900 11px/1.15 system-ui}.maker-catalog-tile small{overflow:hidden;font:700 8px/1.25 system-ui;color:#736d64}.maker-catalog-tile:hover,.maker-catalog-tile:focus-visible{border-color:#ef4f23!important}.maker-catalog-tile.on,.maker-catalog-tile[aria-pressed=true]{border-color:#171713!important;background:#ffef5a!important;box-shadow:4px 4px 0 #25a77b!important}.maker-catalog-tile.on:after{content:"SELECTED";font:900 8px system-ui;color:#167255}.create-route .maker-wizard{top:58px;border:2px solid #171713;border-radius:14px}.create-route .voice-step{border:2px solid #171713;border-radius:18px;background:#fff;padding:20px}.create-route .character-gallery button.on{background:#ffef5a!important;box-shadow:4px 4px 0 #25a77b!important}
body.moment-route .cardpage{display:grid!important;grid-template-columns:auto 66px;justify-content:center;align-items:center;gap:8px;max-width:none!important}.card-action-rail{position:static!important;grid-column:2;grid-row:1;align-self:center;margin:0!important}.moment-slides{grid-column:1;grid-row:1}.moment-route .hero{min-height:0!important;padding:0!important}.moment-route .hero-inner>*:not(.brand-row){display:none!important}.moment-route .brand-row{display:flex!important}
@media(max-width:760px){body.create-route #card-modal{padding:14px 10px 52px}.maker-page-head{border-radius:18px}.maker-catalog{padding:12px}.maker-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:52svh}.maker-catalog-tile{grid-template-rows:92px auto}.maker-catalog-tile img{height:92px!important}body.moment-route .cardpage{grid-template-columns:minmax(0,1fr) 48px;gap:2px;padding:0 4px}.card-action-rail{padding:4px 2px!important;background:transparent!important;box-shadow:none!important}.moment-slides{min-width:0}.create-route .maker-wizard{top:96px}}
.character-watch-links{display:flex;flex-wrap:wrap;gap:7px}.character-watch-links a{padding:7px 9px;border:1px solid currentColor;border-radius:99px;color:inherit;font:800 9px system-ui;text-decoration:none}.character-live-presence{display:grid;gap:3px;padding:9px;border:1px dashed currentColor;border-radius:10px}.character-live-presence b{font:900 9px system-ui}.character-live-presence span{font:700 8px system-ui;opacity:.72}.wipe-edge-panel{position:absolute;z-index:6;inset:0;display:grid;place-content:center;gap:7px;padding:28px;background:#171713ed;color:#fff;text-align:center;opacity:0;pointer-events:none;transition:opacity .2s}.wipe-edge-panel b{font:950 24px Impact,"Arial Black",sans-serif}.wipe-edge-panel span{font:750 11px/1.45 system-ui}.card-detail-wipe.show-profile .wipe-profile-panel,.card-detail-wipe.show-character .wipe-character-panel{opacity:1}.wipe-character-panel{background:#ef4f23ed}
/* avatar2slide21 one-page maker: catalog + selfie + make */
.create-route .maker-wizard,.create-route .voice-step:not(:has(.snap-file)),.create-route .voice-fact,.create-route .voice-sign{display:none!important}.create-route .voice-step:has(.snap-file){display:grid!important;margin:18px 0}.create-route .voice-publish{display:grid!important;place-items:center;width:min(420px,100%);min-height:58px;margin:22px auto;border:2px solid #171713;background:#ef4f23;color:#fff;box-shadow:5px 5px 0 #171713;font:900 15px system-ui}.create-route .avatar-generate{display:none!important}.create-route .avatar-preview-pair{grid-template-columns:1fr!important}.create-route .cartoon-preview{display:none!important}.create-route .snap-pick{min-height:54px;display:grid;place-items:center}.create-route .voice-note{max-width:620px;margin:12px auto;text-align:center;font-weight:800}.create-route .maker-page-head+ .voice-h{margin-top:28px}.create-route .card-sub{max-width:720px}
/* shelves are managed only in the Shelves tab */
body:not(.profile-route):not(.my-cards-route) .pickbtn,body:not(.profile-route):not(.my-cards-route) .pick-action-dock,body:not(.profile-route):not(.my-cards-route) .shelf-save-dock{display:none!important}
.card-inline-editor{position:fixed;z-index:100;right:18px;top:74px;width:min(390px,calc(100vw - 36px));max-height:calc(100svh - 92px);overflow:auto;padding:22px;border:3px solid #171713;border-radius:18px;background:#fffdf7;box-shadow:8px 9px 0 #25a77b}.card-inline-editor>small{font:900 9px system-ui;color:#ef4f23;letter-spacing:.16em}.card-inline-editor h2{margin:5px 0 18px;font:950 32px Impact,"Arial Black",sans-serif}.card-inline-editor label{display:grid;gap:6px;margin:12px 0;font:900 10px system-ui}.card-inline-editor textarea,.card-inline-editor input{box-sizing:border-box;width:100%;padding:12px;border:2px solid #171713;border-radius:10px}.card-inline-close{position:absolute;right:11px;top:11px;width:34px;height:34px;border:2px solid #171713;border-radius:50%;background:#fff}.card-inline-save{width:100%;min-height:48px;border:2px solid #171713;border-radius:99px;background:#ffef5a;box-shadow:4px 4px 0 #ef4f23;font-weight:900}
body.moment-route #cardpage.cardpage{display:grid!important;grid-template-columns:minmax(0,auto) 64px!important;justify-content:center!important;align-items:center!important;column-gap:6px!important;width:max-content!important;max-width:100vw!important;margin:0 auto!important}body.moment-route #cardpage>.moment-slides{grid-column:1!important;grid-row:1!important}body.moment-route #cardpage>.card-action-rail{position:static!important;inset:auto!important;transform:none!important;grid-column:2!important;grid-row:1!important;align-self:center!important;margin:0!important}
@media(max-width:760px){body.moment-route #cardpage.cardpage{grid-template-columns:minmax(0,calc(100vw - 52px)) 46px!important;column-gap:2px!important;width:100vw!important}}
/* create is its own page: never render the 515-card Discover grid ahead of the maker */
body.create-route>main,body.create-route>footer{display:none!important}body.create-route #card-modal{margin:0!important}
body.create-route #card-modal{display:block!important;visibility:visible!important;opacity:1!important;transform:none!important;z-index:20!important}body.create-route #card-modal .card-box{display:block!important}.cards-create-primary{position:relative;z-index:5;pointer-events:auto!important;touch-action:manipulation}.detail-cartoon-side,.my-card-side-overlay{left:auto!important;right:0!important}.detail-cartoon-side img,.my-card-side-overlay img{left:auto!important;right:0!important}
body.create-route{overflow:auto!important;overscroll-behavior:auto!important;touch-action:auto!important}body.create-route #card-modal,body.create-route #card-modal .card-box,body.create-route #card-body{overflow:visible!important;touch-action:auto!important}.maker-catalog-grid{content-visibility:auto;contain:layout paint style}
.detail-wipe-line b{width:58px!important;height:58px!important;padding:3px!important;overflow:hidden;background:#ffef5a!important;box-shadow:0 4px 16px #17171355}.detail-wipe-line b img{position:static!important;width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%}.my-card-divider-avatar{position:absolute!important;z-index:4!important;left:var(--card-slide)!important;top:50%!important;width:58px!important;height:58px!important;transform:translate(-50%,-50%)!important;object-fit:cover!important;border:2px solid #171713!important;border-radius:50%!important;background:#ffef5a!important;box-shadow:0 4px 14px #17171355!important;pointer-events:none!important}.my-card-slide-visual:before{display:none!important}.my-card-side-overlay,.detail-cartoon-side{clip-path:inset(0 0 0 calc(100% - var(--card-slide)));width:100%!important;left:0!important;right:0!important}.my-card-side-overlay img,.detail-cartoon-side img{left:0!important;right:0!important;width:100%!important}
/* 3-stage slider: 0 actual photo, 50 cartoon-self, 100 character */
.card-detail-wipe>.detail-real-side,.card-detail-wipe>.detail-animated-side,.card-detail-wipe>.detail-character-side{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;transition:opacity .12s linear}.detail-real-side{z-index:1}.detail-animated-side{z-index:2;opacity:1}.detail-character-side{z-index:3;opacity:0}.detail-wipe-line{z-index:5!important}.my-card-slide-visual .my-card-side-base,.my-card-slide-visual .my-card-animated-layer,.my-card-slide-visual .my-card-character-layer{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;transition:opacity .12s linear}.my-card-side-base{z-index:1}.my-card-animated-layer{z-index:2;opacity:1}.my-card-character-layer{z-index:3;opacity:0}.my-card-divider-avatar{display:none!important}.my-card-slide-visual:after{z-index:4!important}
/* avatar2slide21h: frozen dpl_2uAQXAV7VWNibgwRpqgEry57bwYW card component */
.my-card-frozen-slides,.my-card-favorite-frozen,.my-card-self-frozen,.my-card-self-frozen>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.my-card-favorite-frozen{z-index:1}.my-card-self-frozen{z-index:2;transform:translateX(100%);transition:transform .22s ease;overflow:hidden}.my-card-self-frozen .real-self-img{opacity:0;transition:opacity .22s ease}.my-card-self-frozen.revealed .real-self-img{opacity:1}.my-card-slide-visual:after{display:none!important}
/* 21j: the verified before/after interaction uses only a thin draggable divider. */
.live-card-wipe,.my-card-live-wipe{isolation:isolate;cursor:ew-resize}
.live-card-wipe .landing-wipe-line,.my-card-live-wipe .landing-wipe-line{width:2px!important;transform:translateX(-1px)!important;background:rgba(255,255,255,.96)!important;box-shadow:0 0 0 1px rgba(23,23,19,.55),0 0 8px rgba(37,244,238,.35)!important}
.live-card-wipe .landing-wipe-line:before,.live-card-wipe .landing-wipe-line:after,.my-card-live-wipe .landing-wipe-line:before,.my-card-live-wipe .landing-wipe-line:after{display:none!important}
.live-card-wipe .landing-wipe-line>* ,.my-card-live-wipe .landing-wipe-line>*{display:none!important}
.my-card-live-wipe{position:relative;display:block;padding:0!important;aspect-ratio:4/5}
.my-card-live-wipe>a{position:absolute;inset:0;display:block}
.my-card-live-wipe .landing-wipe-layer,.my-card-live-wipe .landing-wipe-layer img,.my-card-live-wipe>a>.landing-wipe-favorite{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
/* 21n: desktop action rail is anchored to the centered 9:16 card edge, not the viewport. */
@media(min-width:761px){
 body.moment-route #cardpage.cardpage{display:block!important;width:100%!important;max-width:none!important;position:relative!important}
 body.moment-route #cardpage>.moment-slides{width:100%!important}
 body.moment-route #cardpage>.card-action-rail{position:absolute!important;z-index:70!important;left:calc(50% + min(195px,calc((100svh - 64px)*.28125)) + 14px)!important;right:auto!important;top:50%!important;transform:translateY(-50%)!important;margin:0!important}
}
/* 21o: three-state slider uses full-frame opacity stages. No transparent favorite PNG can expose the real photo beneath at the right endpoint. */
.live-card-wipe,.my-card-live-wipe,#landing-demo-card .landing-wipe{background:#ffef5a!important}
.live-card-wipe>.landing-wipe-actual,.my-card-live-wipe .landing-wipe-actual,#landing-demo-card .landing-wipe-actual{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;opacity:var(--actual-opacity,0)!important}
.live-card-wipe>.landing-wipe-layer,.my-card-live-wipe .landing-wipe-layer,#landing-demo-card .landing-wipe-layer{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;clip-path:none!important;overflow:hidden!important;transition:none!important}
.live-card-wipe>.landing-wipe-cartoon,.my-card-live-wipe .landing-wipe-cartoon,#landing-demo-card .landing-wipe-cartoon{z-index:2!important;opacity:var(--cartoon-opacity,1)!important;background:#191a24!important}
.live-card-wipe>.landing-wipe-real,.my-card-live-wipe .landing-wipe-real,#landing-demo-card .landing-wipe-real{z-index:3!important;opacity:var(--character-opacity,0)!important;background:#ffef5a!important}
.live-card-wipe .landing-wipe-layer>img,.my-card-live-wipe .landing-wipe-layer>img,#landing-demo-card .landing-wipe-layer>img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important}
/* 21p: clean edge reveal. 0→50 wipes actual to animated; 50→100 wipes animated to character. */
.live-card-wipe>.landing-wipe-actual,.my-card-live-wipe .landing-wipe-actual,#landing-demo-card .landing-wipe-actual{z-index:1!important;opacity:1!important}
.live-card-wipe>.landing-wipe-cartoon,.my-card-live-wipe .landing-wipe-cartoon,#landing-demo-card .landing-wipe-cartoon{z-index:2!important;left:0!important;right:auto!important;width:var(--cartoon-reveal,100%)!important;opacity:1!important;clip-path:none!important;background:#191a24!important}
.live-card-wipe>.landing-wipe-real,.my-card-live-wipe .landing-wipe-real,#landing-demo-card .landing-wipe-real{z-index:3!important;left:0!important;right:auto!important;width:var(--character-reveal,0%)!important;opacity:1!important;clip-path:none!important;background:#ffef5a!important}
.live-card-wipe>.landing-wipe-layer>img,.my-card-live-wipe .landing-wipe-layer>img,#landing-demo-card .landing-wipe-layer>img{left:0!important;right:auto!important;width:var(--wipe-image-width,100%)!important;min-width:100%!important;max-width:none!important}
/* 21q: quiet social-style action rail. */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.card-action-rail{gap:7px!important}
.card-action-rail a,.card-action-rail button{width:52px!important;min-height:52px!important;padding:4px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:1px!important;border:0!important;border-radius:10px!important;background:transparent!important;box-shadow:none!important}
.card-action-rail i{display:grid!important;place-items:center!important;width:30px!important;height:30px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#171713!important}
.card-action-rail svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.card-action-rail span:not(.sr-only){font:650 9px/1 system-ui!important;color:#4f4b44!important;min-height:9px}
.card-action-rail a:hover,.card-action-rail button:hover,.card-action-rail a:focus-visible,.card-action-rail button:focus-visible{background:#1717130b!important;outline:0!important}
.card-action-rail a:focus-visible svg,.card-action-rail button:focus-visible svg{stroke-width:2.4}
@media(max-width:760px){.card-action-rail a,.card-action-rail button{flex:0 0 46px!important;width:46px!important;min-height:46px!important}.card-action-rail svg{width:24px;height:24px}}
/* 21r: incoming stage is revealed from the right. Left stays earlier; right shows later. */
.live-card-wipe>.landing-wipe-cartoon,.my-card-live-wipe .landing-wipe-cartoon,#landing-demo-card .landing-wipe-cartoon{left:0!important;width:100%!important;clip-path:inset(0 0 0 var(--cartoon-inset,0%))!important}
.live-card-wipe>.landing-wipe-real,.my-card-live-wipe .landing-wipe-real,#landing-demo-card .landing-wipe-real{left:0!important;width:100%!important;clip-path:inset(0 0 0 var(--character-inset,100%))!important}
.live-card-wipe .landing-wipe-line,.my-card-live-wipe .landing-wipe-line,#landing-demo-card .landing-wipe-line{left:var(--wipe-edge,50%)!important}
/* 21s: shelves are visible inline, never hidden behind an open action. */
.my-shelves-page-grid{display:block!important}.my-shelf-library-item.shelf-expanded{width:100%;box-sizing:border-box;padding:24px}.shelf-expanded>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.shelf-edit-mini{display:inline-flex!important;flex:none;align-items:center;min-height:34px;padding:5px 11px!important;border:1px solid #171713!important;border-radius:99px;color:#171713;text-decoration:none;font:800 9px system-ui}.my-shelf-inline-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:14px;margin-top:20px}.my-shelf-inline-grid .card{min-width:0}.my-shelf-inline-grid .poster{height:180px}.my-shelf-inline-grid .pick-btn{display:none!important}@media(max-width:560px){.my-shelf-inline-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.my-shelf-inline-grid .poster{height:140px}}
/* 21t: profile is identity, inline shelf, one share action; editing is one mode and one save. */
.profile-clean-page{max-width:1000px;margin:28px auto 70px;padding:0 20px}.profile-clean-identity{display:grid;grid-template-columns:112px 1fr auto;align-items:center;gap:22px;padding:30px 0;border-bottom:1px solid #ddd7cc}.profile-clean-identity h1{margin:0;font:950 clamp(42px,7vw,72px)/.9 Impact,"Arial Black",sans-serif}.profile-clean-identity p{margin:8px 0 0;font:650 15px/1.4 system-ui;color:#5f5b54}.profile-edit-one{align-self:start;min-width:80px;padding:10px 16px;border:1px solid #171713;border-radius:99px;background:#fff;font:850 10px system-ui}.profile-clean-shelf{padding:30px 0}.profile-clean-shelf>h2{margin:0 0 20px;font:950 34px/.95 Impact,"Arial Black",sans-serif}.profile-clean-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}.profile-clean-grid .pick-btn{display:none!important}.profile-share-one{display:block;width:min(280px,100%);min-height:52px;margin:6px auto;border:2px solid #171713;border-radius:99px;background:#171713;color:#fff;font:900 12px system-ui}.profile-clean-editor{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:26px;margin-top:24px;border:1px solid #d8d2c7;border-radius:20px;background:#fff}.profile-clean-editor>label{display:grid;gap:6px;font:800 10px system-ui}.profile-clean-editor input{min-height:44px;padding:10px;border:1px solid #aaa;border-radius:10px;font:inherit}.profile-clean-editor fieldset{grid-column:1/-1;padding:16px;border:1px solid #ccc;border-radius:14px}.profile-edit-picks{display:flex;gap:10px;flex-wrap:wrap}.profile-edit-picks label{width:100px}.profile-edit-picks img{width:100px;height:110px;object-fit:cover;border-radius:8px}.profile-edit-picks span{display:block;font:750 9px system-ui}.profile-add-cartoon{display:inline-block;margin-top:14px}.profile-save-one{grid-column:1/-1;min-height:52px;border:0;border-radius:99px;background:#ef4f23;color:#fff;font-weight:900}.profile-real-discussion section{margin-top:30px;padding-top:24px;border-top:1px solid #ddd}.profile-real-discussion a{display:grid;gap:4px;padding:10px 0;border-bottom:1px solid #eee;color:#171713;text-decoration:none}.profile-real-discussion span{font-size:12px}@media(max-width:620px){.profile-clean-page{padding:0 14px}.profile-clean-identity{grid-template-columns:82px 1fr auto;gap:12px}.profile-clean-identity .pp-avatar,.profile-clean-identity .pp-avatar-f{width:82px;height:82px}.profile-clean-identity h1{font-size:38px}.profile-clean-identity p{font-size:12px}.profile-clean-editor{grid-template-columns:1fr;padding:16px}.profile-clean-editor fieldset,.profile-save-one{grid-column:1}.profile-clean-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}
/* 21u: My Profile is the identity + Cards/Shelves/Feed container. */
.profile-container-page{max-width:1100px;margin:26px auto 70px;padding:0 20px}.profile-container-head{display:grid;grid-template-columns:108px 1fr auto;align-items:center;gap:22px;padding:24px 0}.profile-container-head h1{margin:0;font:950 clamp(42px,7vw,72px)/.9 Impact,"Arial Black",sans-serif}.profile-container-head p{margin:8px 0 0;color:#625d55;font:650 14px system-ui}.profile-head-actions{display:flex;gap:8px}.profile-head-actions button,.profile-identity-edit,.profile-share-link{min-width:86px;min-height:42px;border:1px solid #171713;border-radius:99px;background:#fff;font:850 10px system-ui}.profile-share-link{background:#171713!important;color:#fff}.profile-tabs{display:flex;border-bottom:1px solid #ccc}.profile-tabs button{padding:14px 22px;border:0;border-bottom:3px solid transparent;background:transparent;font:850 11px system-ui}.profile-tabs button.on{border-bottom-color:#171713}.profile-tab-panel{padding:28px 0}.profile-made-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px}.profile-made-card{overflow:hidden;border:1px solid #ddd5ca;border-radius:16px;background:#fff;color:#171713;text-decoration:none}.profile-made-card>img{width:100%;height:250px;object-fit:cover;background:#eee}.profile-made-card>div{display:grid;gap:5px;padding:13px}.profile-made-card span{font-size:10px;color:#777}.profile-inline-shelf>header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.profile-inline-shelf h2{margin:0;font:950 34px Impact,"Arial Black",sans-serif}.profile-shelf-edit{padding:8px 12px;border:1px solid #171713;border-radius:99px;background:#fff;font:800 9px system-ui}.profile-shelf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}.profile-shelf-grid .pick-btn{display:none!important}.profile-identity-editor,.profile-shelf-editor{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:8px 0 22px;padding:20px;border:1px solid #d8d2c7;border-radius:16px;background:#fff}.profile-identity-editor label,.profile-shelf-editor>label{display:grid;gap:5px;font:800 10px system-ui}.profile-identity-editor input,.profile-shelf-editor input{min-height:42px;padding:9px;border:1px solid #aaa;border-radius:9px}.profile-identity-editor button,.profile-shelf-editor button{min-height:44px;border:0;border-radius:99px;font-weight:850}.identity-save,.shelf-edit-save{background:#ef4f23;color:#fff}.profile-shelf-editor fieldset{grid-column:1/-1}.profile-shelf-editor fieldset>div{display:flex;flex-wrap:wrap;gap:10px}.profile-shelf-editor fieldset label{width:100px}.profile-shelf-editor fieldset img{width:100px;height:105px;object-fit:cover}.profile-shelf-editor fieldset span{display:block;font-size:9px}.profile-feed-list{display:grid}.profile-feed-item{display:grid;gap:5px;padding:14px 0;border-bottom:1px solid #e5e0d8;color:#171713;text-decoration:none}.profile-feed-item span,.profile-quiet-empty,.profile-feed-empty{color:#777;font:650 11px system-ui}@media(max-width:620px){.profile-container-page{padding:0 14px}.profile-container-head{grid-template-columns:78px 1fr;gap:12px}.profile-container-head .pp-avatar,.profile-container-head .pp-avatar-f{width:78px;height:78px}.profile-container-head h1{font-size:38px}.profile-head-actions{grid-column:1/-1}.profile-head-actions button{flex:1}.profile-tabs button{flex:1;padding:13px 8px}.profile-made-card-grid,.profile-shelf-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.profile-made-card>img{height:190px}.profile-identity-editor,.profile-shelf-editor{grid-template-columns:1fr}.profile-shelf-editor fieldset{grid-column:1}}
/* 21w: the card divider stays on the user's control position; profile card sliders drag only from the line. */
.profile-card-wipe{position:relative;height:250px;overflow:hidden;background:#191a24;touch-action:pan-y}.profile-card-wipe>a,.profile-card-wipe>a>img,.profile-wipe-layer,.profile-wipe-layer img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.profile-wipe-actual{z-index:1}.profile-wipe-layer{overflow:hidden}.profile-wipe-layer img{min-width:100%;max-width:none}.profile-wipe-cartoon{z-index:2;clip-path:inset(0 0 0 var(--cartoon-inset))}.profile-wipe-character{z-index:3;clip-path:inset(0 0 0 var(--character-inset));background:#ffef5a}.profile-wipe-grab{position:absolute;z-index:5;left:var(--wipe-edge);top:0;bottom:0;width:34px;transform:translateX(-17px);border:0;padding:0;background:transparent;cursor:ew-resize;touch-action:none}.profile-wipe-grab i{position:absolute;left:16px;top:0;bottom:0;width:2px;background:#fff;box-shadow:0 0 0 1px #17171399;pointer-events:none}.profile-wipe-grab:focus-visible{outline:2px solid #25f4ee;outline-offset:-2px}.profile-made-card{display:block}.profile-made-card>div:last-child{display:grid;gap:5px;padding:13px}.profile-made-card>div:last-child span{font-size:10px;color:#777}@media(max-width:620px){.profile-card-wipe{height:190px}}
/* 21x: card edit uses direct mouse/touch draw surfaces. */
.card-inline-editor .inline-draw-label{display:grid;gap:5px;font:800 10px system-ui}.inline-draw-pad{display:block;width:100%;height:auto;max-height:180px;border:1px solid #bbb;border-radius:10px;background:#fff;cursor:crosshair;touch-action:none}.inline-signature{max-height:105px}.inline-clear{justify-self:start;min-height:32px!important;padding:6px 12px!important;border:1px solid #171713!important;border-radius:99px!important;background:#fff!important;color:#171713!important;font:800 9px system-ui!important}@media(max-width:620px){.inline-draw-pad{max-height:150px}.inline-signature{max-height:90px}}
/* 21y: deliberate, secondary card deletion. */
.card-inline-delete{min-height:36px!important;border:0!important;background:transparent!important;color:#8a3329!important;text-decoration:underline;font:750 9px system-ui!important}.card-delete-confirm{display:grid;gap:10px;padding:13px;border:1px solid #d9a8a2;border-radius:10px;background:#fff7f5}.card-delete-confirm[hidden]{display:none!important}.card-delete-confirm>b{font:800 11px/1.35 system-ui;color:#65231d}.card-delete-confirm>div{display:flex;gap:8px}.card-delete-confirm button{min-height:36px;padding:7px 14px;border:1px solid #171713;border-radius:99px;background:#fff;font:800 9px system-ui}.card-delete-final{background:#b83225!important;color:#fff!important;border-color:#b83225!important}
/* 21z: owner card tiles expose a non-navigating trash action and in-place confirmation. */
.my-card-library-item,.profile-made-card{position:relative}.card-tile-trash{position:absolute;z-index:12;top:9px;right:9px;display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid #17171366;border-radius:50%;background:#fffdf7eF;color:#171713;box-shadow:0 3px 10px #0002;cursor:pointer}.card-tile-trash svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.card-tile-trash:hover,.card-tile-trash:focus-visible{background:#fff;outline:2px solid #ef4f23}.card-tile-confirm{position:absolute;z-index:13;top:8px;left:8px;right:8px;display:grid;gap:8px;padding:12px;border:1px solid #d9a8a2;border-radius:11px;background:#fffdfaf5;box-shadow:0 8px 24px #0003}.card-tile-confirm[hidden]{display:none!important}.card-tile-confirm>b{font:800 10px/1.35 system-ui;color:#65231d}.card-tile-confirm>div{display:flex;gap:7px}.card-tile-confirm button{min-height:32px;padding:6px 11px;border:1px solid #171713;border-radius:99px;background:#fff;font:800 8px system-ui}.card-tile-confirm .tile-delete-final{background:#b83225;color:#fff;border-color:#b83225}
/* 22b: mobile action rail is a compact vertical column beside the card, never a horizontal overflow strip. */
@media(max-width:760px){
 body.moment-route #cardpage.cardpage{display:grid!important;grid-template-columns:minmax(0,1fr) 42px!important;width:100%!important;max-width:100vw!important;margin:0!important;padding:0 3px!important;column-gap:3px!important;overflow:hidden!important}
 body.moment-route #cardpage>.moment-slides{grid-column:1!important;grid-row:1!important;min-width:0!important;width:100%!important}
 body.moment-route #cardpage>.card-action-rail{position:static!important;inset:auto!important;transform:none!important;grid-column:2!important;grid-row:1!important;align-self:center!important;display:grid!important;grid-template-columns:1fr!important;gap:1px!important;width:42px!important;max-height:calc(100svh - 72px)!important;overflow:visible!important;padding:0!important;margin:0!important;background:transparent!important;box-shadow:none!important}
 .card-action-rail a,.card-action-rail button{flex:none!important;width:42px!important;min-height:42px!important;height:42px!important;padding:2px!important}
 .card-action-rail i{width:27px!important;height:27px!important}.card-action-rail svg{width:22px!important;height:22px!important}.card-action-rail span:not(.sr-only){font-size:7px!important;min-height:7px!important}
 body.moment-route{overflow-x:hidden!important}
}
/* 24: restore the card's core flip and full-swipe destinations */
body.character-card-route .moment-stage{touch-action:pan-y;user-select:none}
body.character-card-route .definitive-card{cursor:pointer}
body.character-card-route .swipe-destination{z-index:45;transition:transform .22s cubic-bezier(.2,.8,.2,1),opacity .18s ease;opacity:0}
body.character-card-route .swipe-profile{transform:translateX(-105%)}
body.character-card-route .swipe-character{transform:translateX(105%);background:#ffef5a;color:#171713}
body.character-card-route .swipe-destination.open{transform:translateX(0);opacity:1}
.swipe-character-art{width:132px;height:132px;object-fit:cover;border:4px solid #171713;border-radius:22px;box-shadow:7px 7px 0 #ef4f23;margin-bottom:12px}
.swipe-character .character-watch-links{display:grid;gap:8px;margin:14px 0;width:100%}.swipe-character .character-watch-links a{display:block;padding:11px;border:2px solid #171713;border-radius:10px;background:#fff;color:#171713;text-decoration:none;font-weight:900}.swipe-character .character-live-presence{margin-top:4px;border:2px solid #171713;padding:11px;background:#fff}.swipe-character .character-live-presence b,.swipe-character .character-live-presence span{display:block}
/* 25: browse controls belong on the landing page for everyone */
.landing-route .hero>.hero-inner>.searchbar,.landing-route .hero>.hero-inner>.chips,.landing-route .hero>.hero-inner>.region-bar,.landing-route .hero>.hero-inner>.missing-line{display:flex!important}
.landing-route main,.landing-route>footer{display:block!important}
.signed-out.discover-route .chips>*{display:flex!important}
.signed-out.discover-route .region-bar,.signed-out.discover-route .missing-line{display:flex!important}
.landing-route .chips,.discover-route .chips{align-items:center}
@media(max-width:620px){.landing-route .hero>.hero-inner>.chips,.discover-route .hero>.hero-inner>.chips{display:flex!important;flex-wrap:nowrap;overflow-x:auto}.landing-route .genre-select-wrap,.discover-route .genre-select-wrap{flex:0 0 auto}.landing-route .region-bar,.discover-route .region-bar{display:none!important}}
@media(max-width:620px){.landing-route .hero>.hero-inner>.chips,.discover-route .hero>.hero-inner>.chips{flex-wrap:wrap!important;overflow:visible!important}.landing-route .genre-select-wrap,.discover-route .genre-select-wrap{flex:1 1 155px}.landing-route .chips>.regions-btn,.discover-route .chips>.regions-btn{display:flex!important}}
/* Signed-out is not a reason to remove browse taxonomy; signed-in uses the same full row. */
.signed-out.discover-route .chips>*{display:flex!important}
.signed-out.discover-route .chips>.chip{display:block!important}
.signed-out.discover-route .region-bar,.signed-out.discover-route .missing-line{display:flex!important}
@media(max-width:620px){.signed-out.discover-route .chips{flex-wrap:wrap!important;overflow:visible!important}.signed-out.discover-route .genre-select-wrap{flex:1 1 155px}.signed-out.discover-route .chips>.regions-btn{display:flex!important}}
.signed-out.discover-route .chips>*:not(:first-child):not(:nth-child(2)){display:flex!important}
.signed-out.discover-route .chips>.chip:not(:first-child):not(:nth-child(2)){display:block!important}
#region-active[hidden]{display:none!important}
/* 26: full-product polish, preserving card mechanics and information architecture */
:root{--content:1240px}
body{background:#f7f5ef}
.hero-inner,main>*,footer>*{max-width:var(--content)}
.brand-sticky{border-bottom:1px solid rgba(23,23,19,.08)}
.app-nav{align-items:center}.app-nav a,.app-nav button{min-height:40px;display:inline-flex;align-items:center;justify-content:center}
.searchbar{box-shadow:0 8px 30px rgba(23,23,19,.06)}
.chip,.chips>.regions-btn,.genre-select-wrap{min-height:40px;display:flex;align-items:center}
.grid{row-gap:24px}.card{border-color:#ded8cd;box-shadow:0 8px 24px rgba(23,23,19,.055);transition:transform .18s ease,box-shadow .18s ease}.card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(23,23,19,.1)}
.landing-flow-hero{margin-bottom:34px}.landing-route .searchbar{margin-top:34px}.landing-route .chips{margin-top:18px}.landing-route main{padding-top:8px}
.discover-route .hero-inner:after{max-width:760px;line-height:1.5}.discover-route main{padding-top:10px}
.maker-page-head,.my-cards-page-head{box-shadow:7px 8px 0 #25a77b}.maker-page-head h1,.my-cards-page-head h1{letter-spacing:-.035em}.maker-catalog{box-shadow:0 12px 34px rgba(23,23,19,.06)}.maker-catalog-tile{transition:transform .15s ease,border-color .15s ease}.maker-catalog-tile:hover{transform:translateY(-2px)}
.my-cards-page-grid:has(>.shelf-empty){min-height:260px;place-items:center}.my-cards-page-grid>.shelf-empty{font-size:13px}.my-card-library-item{position:relative;box-shadow:0 8px 24px rgba(23,23,19,.08)}
.profile-container-head{border-bottom:1px solid #ded8cd}.profile-tabs{position:sticky;top:0;z-index:20;background:rgba(247,245,239,.94);backdrop-filter:blur(10px)}.profile-made-card{position:relative;box-shadow:0 7px 20px rgba(23,23,19,.07)}.profile-tab-panel[hidden],.profile-identity-editor[hidden],.profile-shelf-editor[hidden]{display:none!important}
.cardpage .moment-slides{filter:drop-shadow(0 16px 28px rgba(23,23,19,.16))}
.card-action-rail a,.card-action-rail button{min-height:42px;min-width:42px}
.empty,.my-cards-empty,.profile-feed-empty,.profile-quiet-empty{border:1px dashed #c7c0b5;border-radius:18px;background:#fff;padding:28px}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #25a77b!important;outline-offset:3px}
@media(max-width:620px){
 .brand-sticky{padding-inline:16px}.app-nav{gap:5px}.app-nav a,.app-nav button{min-height:38px;padding-inline:10px}
 .landing-flow-hero{margin-inline:2px}.landing-route .searchbar{margin-top:28px}
 .chips{gap:7px}.chip,.chips>.regions-btn,.genre-select-wrap{min-height:38px}
 .grid{gap:12px;row-gap:18px}.card{box-shadow:0 5px 14px rgba(23,23,19,.06)}
 .maker-page-head{padding:22px 18px}.maker-page-head h1{font-size:50px}.maker-catalog{border-radius:16px}
 .my-cards-page-head{display:grid;gap:18px;border-radius:18px}.cards-create-primary{width:100%;min-width:0}
 .profile-container-head{padding:18px 0}.profile-tabs{top:56px}.profile-tab-panel{padding-top:20px}
 .empty,.my-cards-empty,.profile-feed-empty,.profile-quiet-empty{padding:20px}
}
/* 27: settled route contract. Public / is introduction only; browse lives at /discover. */
.landing-route .hero>.hero-inner>.searchbar,.landing-route .hero>.hero-inner>.chips,.landing-route .hero>.hero-inner>.region-bar,.landing-route .hero>.hero-inner>.missing-line{display:none!important}
.landing-route main,.landing-route>footer{display:none!important}