/* cyberia.meme — on top of the house stylesheet */
.brand em{font-style:normal;color:var(--c4)}
.hero-word{font-size:clamp(64px,15vmin + 3vw,260px)}
.memewrap{border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.18);background:#000;aspect-ratio:1;max-height:min(62vh,560px);margin:0 auto}
.memewrap svg{display:block;width:100%;height:100%}
.bgs{display:flex;gap:7px;flex-wrap:wrap;margin-top:4px}
.bgs button{width:34px;height:34px;border-radius:9px;border:2px solid transparent;cursor:pointer;font-size:18px;display:grid;place-items:center;background:#111;color:#fff}
.bgs button.on{border-color:#fff}
.wall{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.card{position:relative;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.14);background:#000;cursor:pointer;transition:transform .15s,border-color .15s}
.card:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.6)}
.card svg{display:block;width:100%;height:auto}
.card .acts{position:absolute;right:6px;bottom:6px;display:flex;gap:5px;opacity:0;transition:opacity .15s}
.card:hover .acts{opacity:1}
.card .acts button{font:700 10px var(--mono);padding:5px 8px;border-radius:6px;border:0;background:#fff;color:#000;cursor:pointer}
.pager{display:flex;gap:10px;align-items:center;margin-top:12px;font-family:var(--mono);font-size:12px}
.hashbig{font-family:var(--mono);font-size:clamp(14px,1.6vw,22px);word-break:break-all;line-height:1.5}
.hashbig b{color:var(--c)}
.shares{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.shares a{text-decoration:none}
.toast{position:fixed;left:50%;bottom:calc(var(--rail) + 18px);transform:translateX(-50%) translateY(16px);background:#fff;color:#000;font:700 13px var(--mono);padding:10px 16px;border-radius:10px;opacity:0;transition:.25s;z-index:9;pointer-events:none}
.toast.on{opacity:1;transform:translateX(-50%)}
.slide.ink .memewrap{border-color:rgba(0,0,0,.35)}
.slide.ink .card{border-color:rgba(0,0,0,.25)}
.tiles .tile{flex:1 1 160px}
@media (max-width:900px){.wall{grid-template-columns:repeat(2,minmax(0,1fr))}.memewrap{max-height:46vh}}
.full{width:100%}
.slide .body>.full{grid-column:1/-1}
.slide.ink .btn:not(.ghost){background:#000;color:#fff}
.slide.ink.ch2 .btn.ghost,.slide.ink.ch4 .btn.ghost{color:#000;border-color:rgba(0,0,0,.45)}
.slide.ink .fine{opacity:.75}
