/* ============ PLATE — meme picture component (shared; loads after cinema.css) ============ */
.plate{position:relative;display:block;aspect-ratio:1;border-radius:18px;overflow:hidden;background:#07120d;border:1px solid color-mix(in srgb,var(--gc,#8DF250) 40%,rgba(238,243,233,.12));box-shadow:0 18px 50px rgba(0,0,0,.5);text-decoration:none;color:#fff;margin:0;transition:transform .5s var(--ease-cine),border-color .3s,box-shadow .5s}
a.plate:hover,a.plate:focus-visible{transform:translateY(-5px);border-color:var(--gc,#8DF250);box-shadow:0 28px 70px rgba(0,0,0,.6),0 0 40px color-mix(in srgb,var(--gc,#8DF250) 22%,transparent);outline:none}
.plate-img{position:absolute;inset:0;background-size:cover;background-position:center;display:block}
.plate.nophoto .plate-img{background:
  radial-gradient(60% 50% at 50% 100%,color-mix(in srgb,var(--gc,#8DF250) 18%,transparent),transparent 70%),
  radial-gradient(120% 90% at 50% 110%,#0d2a1c,#08140f 60%,#050a08 100%)}
.plate.nophoto .plate-img::before,.plate.nophoto .plate-img::after{content:"";position:absolute;width:55%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(3,8,6,.95) 0 38%,transparent 40%),radial-gradient(circle at 30% 30%,rgba(3,8,6,.92) 0 30%,transparent 32%),radial-gradient(circle at 70% 30%,rgba(3,8,6,.92) 0 30%,transparent 32%);opacity:.9}
.plate.nophoto .plate-img::before{top:-30%;left:-18%}
.plate.nophoto .plate-img::after{top:-32%;right:-20%}
.plate .cap{position:absolute;left:4%;right:4%;text-align:center;font-family:Anton,Impact,'Arial Narrow Bold',sans-serif;text-transform:uppercase;color:#fff;font-size:clamp(1rem,7cqw,2.6rem);line-height:1.08;letter-spacing:.01em;-webkit-text-stroke:.045em #000;paint-order:stroke fill;text-shadow:0 0 .06em #000,0 .04em .08em rgba(0,0,0,.8);word-wrap:break-word;z-index:2}
.plate .cap.top{top:4%}
.plate .cap.bottom{bottom:5%}
.plate-mark{position:absolute;right:2.5%;bottom:1.8%;font-family:var(--font-mono);font-size:.69rem;letter-spacing:.06em;color:rgba(214,255,140,.85);text-shadow:0 1px 3px #000;z-index:2}
.plate-stamp{position:absolute;left:3%;top:3%;font-family:var(--font-mono);font-size:.69rem;letter-spacing:.14em;text-transform:uppercase;color:#06080f;background:var(--gc,#8DF250);padding:.25rem .55rem;border-radius:99px;z-index:3;box-shadow:0 4px 14px rgba(0,0,0,.5)}
.plate.tall{aspect-ratio:4/5}
.plate.wide{aspect-ratio:16/9}
.plate{container-type:inline-size}

/* card = plate + name row */
.plate-card{display:flex;flex-direction:column;gap:.5rem;text-decoration:none;color:var(--ink)}
.plate-card .plate-name{display:flex;justify-content:space-between;align-items:baseline;gap:.6rem;padding:0 .2rem}
.plate-card .plate-name b{font-family:var(--font-display);font-weight:800;font-size:1.05rem;letter-spacing:-.01em}
.plate-card .plate-name .plate-pill{font-style:normal;color:var(--tc,#8DF250);border:1px solid var(--tc,#8DF250);border-radius:99px;padding:.1rem .4rem;margin-right:.2rem}
.plate-card .plate-name span{font-family:var(--font-mono);font-size:.69rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gc,var(--ink-dim));white-space:nowrap}

/* feed grid */
.plate-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1rem}
@media(max-width:600px){.plate-grid{grid-template-columns:repeat(2,1fr);gap:.6rem}.plate-card .plate-name b{font-size:.9rem}.plate-card .plate-name span{display:none}}

/* meme page hero plate + action row */
.meme-plate-wrap{max-width:720px;margin:1.4rem auto 0;padding:0 clamp(1rem,4vw,2rem)}
.meme-plate-wrap .plate{aspect-ratio:1;border-radius:22px}
.plate-actions{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;margin:1rem auto 0}
.plate-actions .btn{padding:.7rem 1.1rem}
.plate-actions .pa-note{width:100%;text-align:center;font-family:var(--font-mono);font-size:.69rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim);margin-top:.2rem}

/* small plates (side-by-side cards, phone feeds): keep the caption clear of the watermark */
@container (max-width:230px){.plate .cap{font-size:clamp(.7rem,8cqw,1.05rem)}.plate .cap.bottom{bottom:11%}}
