@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@600;700&family=Nunito:ital,wght@0,600;0,700;0,800;0,900;1,700&display=swap');
/* ===== Foofie Cards — front-end (scoped to #fcard-app) ===== */
#fcard-app{
  --purple:#534AB7; --purple-deep:#3b3490; --purple-ink:#241f4d;
  --gold:#F0B429; --gold-lite:#ffd54a;
  --card:#fff; --line:#e7e3f5; --ink:#241f4d; --muted:#7d77a6;
  --shadow:0 14px 40px rgba(45,37,95,.16);
  --theme:#534AB7; --theme2:#8a6cf0;
  font-family:"Nunito",ui-rounded,"Segoe UI",system-ui,sans-serif;color:var(--ink);
  max-width:580px;margin:0 auto;padding:6px 0 70px;-webkit-tap-highlight-color:transparent;
}
#fcard-app *{box-sizing:border-box}
#fcard-app .fc-fade{animation:fcFade .3s ease}
@keyframes fcFade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

#fcard-app .fc-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:2px 4px 12px}
#fcard-app .fc-h{font-weight:900;font-size:1.05rem;color:var(--purple-deep);display:flex;align-items:center;gap:7px}
#fcard-app .fc-h small{display:block;font-weight:800;letter-spacing:.14em;text-transform:uppercase;font-size:.58rem;color:var(--muted)}
#fcard-app .fc-back{display:inline-flex;align-items:center;gap:6px;background:#f1eefc;color:var(--purple-deep);border:0;border-radius:999px;padding:9px 14px;font-weight:800;font-size:.82rem;cursor:pointer;text-decoration:none;font-family:inherit}
#fcard-app .fc-back:active{transform:translateY(1px)}
#fcard-app .fc-backs{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}

#fcard-app .fc-tabs{display:flex;background:#f1eefc;border-radius:13px;padding:4px;gap:4px;margin:0 4px 14px}
#fcard-app .fc-tabs button{flex:1;border:0;background:transparent;font-family:inherit;font-weight:800;font-size:.92rem;color:var(--muted);padding:11px;border-radius:10px;cursor:pointer}
#fcard-app .fc-tabs button.on{background:#fff;color:var(--purple-deep);box-shadow:0 2px 6px rgba(45,37,95,.12)}

#fcard-app .fc-banner{text-align:center;background:#efeafd;border:1px dashed #cdc4f3;color:var(--purple-deep);font-weight:800;font-size:.82rem;padding:8px 12px;border-radius:12px;margin:0 4px 16px}

/* ---------- CARD ---------- */
#fcard-app .fc-stage{display:flex;justify-content:center;margin-bottom:16px}
#fcard-app .fc-card{width:300px;border-radius:22px;padding:7px;background:linear-gradient(150deg,var(--theme),var(--theme2));box-shadow:0 18px 40px rgba(45,37,95,.3);position:relative;transition:background .3s}
#fcard-app .fc-card.holo::after{content:"";position:absolute;inset:0;border-radius:22px;pointer-events:none;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.55) 45%,rgba(255,210,120,.35) 52%,transparent 68%);background-size:300% 300%;animation:fcHolo 3.5s linear infinite;mix-blend-mode:screen}
@keyframes fcHolo{0%{background-position:0% 0%}100%{background-position:100% 100%}}
#fcard-app .fc-inner{background:#fff;border-radius:16px;overflow:hidden;position:relative;z-index:1}
#fcard-app .fc-gem{position:absolute;top:12px;right:12px;width:26px;height:26px;border-radius:50%;z-index:3;background:radial-gradient(circle at 35% 30%,#fff,var(--gold) 60%,#d89400);box-shadow:0 2px 6px rgba(0,0,0,.3)}
#fcard-app .fc-foil{position:absolute;top:13px;left:12px;z-index:3;background:rgba(255,255,255,.85);color:var(--purple-deep);font-weight:900;font-size:.56rem;letter-spacing:.1em;padding:3px 7px;border-radius:6px;text-transform:uppercase}
#fcard-app .fc-earsfield{margin:14px 14px 4px;aspect-ratio:1/1;border-radius:14px;overflow:hidden;display:flex;align-items:center;justify-content:center}
#fcard-app .fc-earsfield svg{width:100%;height:100%;display:block}
#fcard-app .fc-cname{font-weight:900;font-size:1.25rem;line-height:1.15;color:var(--purple-ink);text-align:center;padding:10px 16px 18px;word-break:break-word}
#fcard-app .fc-csub{font-weight:800;font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--theme);margin-top:2px}
#fcard-app .fc-cphoto{margin:6px 14px 0;aspect-ratio:1/1;border-radius:13px;overflow:hidden;position:relative;background:linear-gradient(135deg,var(--theme),var(--theme2));display:flex;align-items:center;justify-content:center}
#fcard-app .fc-cphoto img{width:100%;height:100%;object-fit:cover;display:block}
#fcard-app .fc-cphoto .fc-emoji{font-size:4.6rem;line-height:1}
#fcard-app .fc-csticker{position:absolute;bottom:6px;right:8px;font-size:1.9rem;filter:drop-shadow(0 2px 3px rgba(0,0,0,.35))}
#fcard-app .fc-cstats{padding:12px 16px 4px;display:flex;flex-direction:column;gap:7px}
#fcard-app .fc-stat{display:flex;align-items:center;gap:9px}
#fcard-app .fc-stat .lab{font-weight:800;font-size:.72rem;color:var(--purple-ink);width:96px;flex-shrink:0;text-transform:uppercase;letter-spacing:.02em}
#fcard-app .fc-stat .track{flex:1;height:9px;background:#eee7fb;border-radius:999px;overflow:hidden}
#fcard-app .fc-stat .fill{height:100%;background:linear-gradient(90deg,var(--theme),var(--gold));border-radius:999px;transition:width .25s}
#fcard-app .fc-stat .val{font-weight:900;font-size:.72rem;color:var(--theme);width:30px;text-align:right}
#fcard-app .fc-cflavor{margin:8px 14px 16px;background:#f6f4ff;border-radius:10px;padding:9px 11px;font-style:italic;font-weight:600;font-size:.78rem;color:#4a4570;text-align:center;line-height:1.4}

/* ---------- EDITOR ---------- */
#fcard-app .fc-panel{background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:16px;margin:0 4px 14px}
#fcard-app .fc-panel h3{margin:0 0 12px;font-size:.95rem;display:flex;align-items:center;gap:7px}
#fcard-app .fc-seg{display:flex;background:#f1eefc;border-radius:12px;padding:4px;gap:4px;margin-bottom:12px}
#fcard-app .fc-seg button{flex:1;border:0;background:transparent;font-family:inherit;font-weight:800;font-size:.85rem;color:var(--muted);padding:9px;border-radius:9px;cursor:pointer}
#fcard-app .fc-seg button.on{background:#fff;color:var(--purple-deep);box-shadow:0 2px 6px rgba(45,37,95,.12)}
#fcard-app label.fc-fld{display:block;font-weight:800;font-size:.78rem;color:var(--purple-ink);margin:10px 0 4px}
#fcard-app input[type=text]{width:100%;border:2px solid var(--line);border-radius:11px;padding:11px 12px;font-family:inherit;font-weight:700;font-size:.95rem;color:var(--ink)}
#fcard-app input[type=text]:focus{outline:0;border-color:var(--purple)}
#fcard-app .fc-photo-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:6px}
#fcard-app .fc-ubtn{display:inline-flex;align-items:center;gap:7px;background:#f1eefc;color:var(--purple-deep);border:0;border-radius:11px;padding:11px 14px;font-weight:800;font-family:inherit;cursor:pointer;font-size:.88rem}
#fcard-app .fc-emojis{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px;align-items:center}
#fcard-app .fc-emojis button{font-size:1.7rem !important;background:#faf9ff;border:2px solid var(--line);border-radius:10px;width:48px;height:48px;cursor:pointer;line-height:1;color:var(--ink);padding:0;display:flex;align-items:center;justify-content:center}
#fcard-app .fc-emojis button.on{border-color:var(--purple);background:#f1eefc}
#fcard-app .fc-emojis .fc-none{width:auto;padding:0 14px;font-size:.85rem !important;font-weight:800;color:var(--muted)}
#fcard-app img.emoji{width:1em !important;height:1em !important;display:inline-block;vertical-align:-.12em;margin:0 .05em;background:none !important;box-shadow:none !important;border:0 !important;padding:0 !important}
#fcard-app .fc-emoji-in{width:150px !important;text-align:center;font-size:1.2rem !important}
#fcard-app .fc-hint{color:var(--muted);font-weight:700;font-size:.76rem}
#fcard-app .fc-stat-edit{display:flex;gap:8px;align-items:center;margin:9px 0}
#fcard-app .fc-stat-edit input[type=text]{flex:1}
#fcard-app .fc-stat-edit input[type=range]{flex:1;accent-color:var(--purple)}
#fcard-app .fc-swatches{display:flex;gap:9px;flex-wrap:wrap;margin-top:4px}
#fcard-app .fc-sw{width:38px;height:38px;border-radius:50%;cursor:pointer;border:3px solid #fff;box-shadow:0 0 0 2px var(--line)}
#fcard-app .fc-sw.on{box-shadow:0 0 0 3px var(--purple)}
#fcard-app .fc-toggle{display:flex;align-items:center;gap:9px;font-weight:800;font-size:.85rem;color:var(--purple-ink);margin-top:12px;cursor:pointer}
#fcard-app .fc-btn{border:0;cursor:pointer;font-family:inherit;font-weight:900;font-size:1.05rem;color:var(--purple-ink);background:linear-gradient(180deg,var(--gold-lite),var(--gold));padding:16px;border-radius:15px;box-shadow:0 6px 16px rgba(240,180,41,.45);width:calc(100% - 8px);margin:0 4px}
#fcard-app .fc-btn:active{transform:translateY(1px)}
#fcard-app .fc-btn.purple{background:var(--purple);color:#fff;box-shadow:0 6px 16px rgba(83,74,183,.4)}
#fcard-app .fc-btn[disabled]{opacity:.6;cursor:default}

/* ---------- GALLERY ---------- */
#fcard-app .fc-sortbar{display:flex;gap:8px;margin:0 4px 12px}
#fcard-app .fc-sortbar button{background:#f1eefc;color:var(--purple-deep);border:0;border-radius:999px;padding:7px 14px;font-weight:800;font-size:.8rem;cursor:pointer;font-family:inherit}
#fcard-app .fc-sortbar button.on{background:var(--purple);color:#fff}
#fcard-app .fc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 4px}
@media(max-width:460px){#fcard-app .fc-grid{grid-template-columns:repeat(2,1fr)}}
#fcard-app .fc-mini{border-radius:14px;padding:4px;position:relative;cursor:pointer}
#fcard-app .fc-mini-in{background:#fff;border-radius:11px;overflow:hidden;text-align:center;padding-bottom:6px}
#fcard-app .fc-mp{aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:12px}
#fcard-app .fc-mp svg{width:100%;height:100%;display:block}
#fcard-app .fc-mp img{width:100%;height:100%;object-fit:cover}
#fcard-app .fc-mn{font-weight:900;font-size:.74rem;margin:5px 4px 2px;color:var(--purple-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#fcard-app .fc-heart{display:inline-flex;align-items:center;gap:4px;font-weight:800;font-size:.74rem;color:var(--muted);background:none;border:0;cursor:pointer;font-family:inherit}
#fcard-app .fc-heart.liked{color:#e8467c}
#fcard-app .fc-newtag{position:absolute;top:6px;left:6px;background:var(--gold);color:#3b2a00;font-weight:900;font-size:.55rem;padding:2px 6px;border-radius:6px;z-index:2}

/* ---------- overlay ---------- */
#fcard-app .fc-ov{position:fixed;inset:0;background:rgba(36,31,77,.55);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}
#fcard-app .fc-ov-card{position:relative}
#fcard-app .fc-ov-close{position:absolute;top:-44px;right:0;background:#fff;border:0;border-radius:50%;width:36px;height:36px;font-size:1.1rem;font-weight:900;cursor:pointer;color:var(--purple-ink)}
#fcard-app .fc-ov-act{display:flex;gap:10px;justify-content:center;margin-top:14px}
#fcard-app .fc-ov-act button{background:rgba(255,255,255,.92);border:0;border-radius:11px;padding:10px 16px;font-weight:800;font-family:inherit;cursor:pointer;color:var(--purple-ink);font-size:.85rem}
#fcard-app .fc-ov-act button.del{color:#c0392b}

#fcard-app .fc-empty{text-align:center;color:var(--muted);font-weight:700;padding:36px 20px}
#fcard-app .fc-spin{text-align:center;color:var(--muted);font-weight:700;padding:46px 20px}
.fcard-gate{background:#fff;border:1px solid #e7e3f5;border-radius:18px;padding:26px;text-align:center;font-weight:700;color:#534AB7;max-width:520px;margin:0 auto}

#fcard-app .fc-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(30px);opacity:0;background:var(--purple-ink);color:#fff;font-weight:800;padding:13px 20px;border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.3);transition:.35s;z-index:10000;font-size:.9rem}
#fcard-app .fc-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

/* ===== layered editor (v1.1.0) ===== */
#fcard-app .fc-stagewrap{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 10px 30px rgba(45,37,95,.14);padding:10px;margin:0 0 8px}
#fcard-app .fc-stage{position:relative;width:100%;aspect-ratio:1/1;border-radius:13px;overflow:hidden;background:linear-gradient(135deg,#7aa7ff,#c4b0ff);touch-action:none;user-select:none;-webkit-user-select:none}
#fcard-app .fc-stage svg#fc-earsvg{position:absolute;inset:0;width:100%;height:100%}
#fcard-app .fc-holosheen{display:none;position:absolute;inset:0;z-index:400;pointer-events:none;background:linear-gradient(125deg,rgba(255,255,255,0) 34%,rgba(255,255,255,.5) 48%,rgba(255,255,255,0) 60%),linear-gradient(60deg,rgba(255,0,128,.14),rgba(0,200,255,.14),rgba(180,255,0,.14));mix-blend-mode:screen}
#fcard-app .fc-stage.holo .fc-holosheen{display:block}
#fcard-app .fc-it{position:absolute;transform-origin:center;cursor:grab;touch-action:none;display:flex;align-items:center;justify-content:center}
#fcard-app .fc-it.sel{outline:2px dashed #fff;outline-offset:3px;border-radius:6px}
#fcard-app .fc-it.locked{cursor:not-allowed}
#fcard-app .fc-it .fc-lockbadge{position:absolute;top:-12px;right:-12px;font-size:.8rem;background:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px rgba(0,0,0,.3)}
#fcard-app .fc-it img{max-width:96px;max-height:96px;width:auto;height:auto;display:block;pointer-events:none;filter:drop-shadow(0 3px 5px rgba(0,0,0,.3))}
#fcard-app .fc-it .fc-it-e{font-size:54px;line-height:1;pointer-events:none}
#fcard-app .fc-it .fc-it-t{font-weight:900;font-size:30px;line-height:1;text-shadow:0 2px 4px rgba(0,0,0,.45);white-space:nowrap;pointer-events:none}
#fcard-app .fc-clearbtn{position:absolute;width:25px;height:25px;border-radius:50%;background:#fff;color:#c0392b;border:0;font-weight:900;font-size:.9rem;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.4);transform:translate(-50%,-50%);z-index:300;display:flex;align-items:center;justify-content:center;padding:0;line-height:1}
#fcard-app .fc-tip{color:var(--muted);font-weight:600;font-size:.78rem;line-height:1.4;margin:0 4px 12px;text-align:center}
#fcard-app .fc-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}
#fcard-app .fc-tool{flex:1 1 auto;min-width:90px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:11px 8px;font-weight:800;font-size:.82rem;color:var(--purple-deep);cursor:pointer;text-align:center;font-family:inherit}
#fcard-app .fc-tool.on{background:var(--purple);color:#fff;border-color:var(--purple)}
#fcard-app .fc-addpanel{display:none;background:#fff;border:1px solid var(--line);border-radius:12px;padding:11px;margin-bottom:12px}
#fcard-app .fc-addpanel.show{display:block}
#fcard-app .fc-epick{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
#fcard-app .fc-epick button{font-size:1.5rem;background:#faf9ff;border:2px solid var(--line);border-radius:10px;width:46px;height:46px;cursor:pointer;line-height:1}
#fcard-app .fc-erow{display:flex;gap:8px;margin-top:8px}
#fcard-app .fc-erow input{flex:1;border:2px solid var(--line);border-radius:10px;padding:10px;font-family:inherit;font-weight:700;font-size:1rem}
#fcard-app .fc-erow button{background:var(--purple);color:#fff;border:0;border-radius:10px;padding:0 16px;font-weight:800;cursor:pointer;font-family:inherit}
#fcard-app .fc-selbar{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 6px 18px rgba(45,37,95,.12);padding:13px 14px;margin-bottom:12px}
#fcard-app .fc-selbar.hidden{display:none}
#fcard-app .fc-selhead{font-weight:900;color:var(--purple-ink);font-size:.9rem;margin-bottom:4px}
#fcard-app .fc-srow{display:flex;align-items:center;gap:10px;margin:8px 0}
#fcard-app .fc-srow label{font-weight:800;font-size:.78rem;width:54px;color:var(--purple-ink)}
#fcard-app .fc-srow input[type=range]{flex:1;accent-color:var(--purple)}
#fcard-app .fc-tcolors{display:flex;gap:7px;flex-wrap:wrap}
#fcard-app .fc-tcolors .fc-tsw{width:28px;height:28px;border-radius:50%;cursor:pointer;border:2px solid #fff;box-shadow:0 0 0 1px var(--line)}
#fcard-app .fc-tcolors .fc-tsw.on{box-shadow:0 0 0 3px var(--purple)}
#fcard-app .fc-selbtns{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
#fcard-app .fc-selbtns button{flex:1;border:0;border-radius:10px;padding:10px;font-weight:800;font-family:inherit;cursor:pointer;font-size:.82rem;background:#f1eefc;color:var(--purple-deep)}
#fcard-app .fc-selbtns button.del{background:#fde8ec;color:#c0392b}
#fcard-app .fc-selbtns button.lock.on{background:var(--purple);color:#fff}
#fcard-app .fc-bswrow{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:4px}
#fcard-app .fc-bsw-sw{width:44px;height:44px;border-radius:50%;cursor:pointer;border:3px solid #fff;box-shadow:0 0 0 1px var(--line)}
#fcard-app .fc-bsw-sw.on{box-shadow:0 0 0 3px var(--purple)}
#fcard-app .fc-bgbtn{width:100%;background:#f1eefc;color:var(--purple-deep);border:0;border-radius:10px;padding:11px;font-weight:800;font-family:inherit;cursor:pointer;margin:10px 0 4px}
#fcard-app .fc-bgbtn.active{background:var(--purple);color:#fff}
#fcard-app .fc-holotoggle{display:flex;align-items:center;gap:8px;font-weight:800;color:var(--purple-ink);margin-top:8px;cursor:pointer}
#fcard-app .fc-holotoggle input{width:18px;height:18px;accent-color:var(--purple)}
#fcard-app .fc-layer{display:flex;align-items:center;gap:9px;padding:7px;border-radius:9px;cursor:pointer;font-weight:700;font-size:.85rem}
#fcard-app .fc-layer.sel{background:#f1eefc}
#fcard-app .fc-layer .lg{font-size:1.1rem;width:24px;text-align:center}
#fcard-app .fc-layer .ln{flex:1;color:var(--ink)}
#fcard-app .fc-emptyl{color:var(--muted);font-weight:700;font-size:.8rem;padding:4px}

/* ===== card frame + chrome (v1.1.0) ===== */
#fcard-app .fcd-cardwrap{display:flex;justify-content:center;margin:0 0 10px}
#fcard-app .fcd-card{container-type:inline-size;position:relative;width:320px;max-width:100%;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 16px 40px rgba(45,37,95,.22);border:3px solid var(--accent,#534AB7)}
#fcard-app .fcd-foil{position:absolute;top:3cqw;left:3cqw;z-index:6;background:var(--accent,#534AB7);color:#fff;font-weight:900;font-size:3.1cqw;letter-spacing:.12em;padding:1cqw 2.6cqw;border-radius:999px}
#fcard-app .fcd-gem{position:absolute;top:3cqw;right:3.5cqw;z-index:6;width:5cqw;height:5cqw;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff,var(--gold,#F0B429) 60%,#b9820a)}
#fcard-app .fcd-art{position:relative;margin:11cqw 4cqw 0;aspect-ratio:1/1;border-radius:4cqw;overflow:hidden;background:linear-gradient(135deg,#7aa7ff,#c4b0ff);touch-action:none;user-select:none;-webkit-user-select:none}
#fcard-app .fcd-art svg{position:absolute;inset:0;width:100%;height:100%;display:block}
#fcard-app .fcd-stats{padding:4cqw 5cqw 1cqw;display:flex;flex-direction:column;gap:2.2cqw}
#fcard-app .fcd-stat{display:flex;align-items:center;gap:2.5cqw;font-weight:800;font-size:3.6cqw;color:var(--purple-ink)}
#fcard-app .fcd-stat .lab{width:30cqw;flex:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#fcard-app .fcd-stat .track{flex:1;height:3cqw;border-radius:2cqw;background:#eceaf6;overflow:hidden}
#fcard-app .fcd-stat .fill{height:100%;background:linear-gradient(90deg,var(--accent,#534AB7),var(--gold,#F0B429))}
#fcard-app .fcd-stat .num{width:6cqw;text-align:right}
#fcard-app .fcd-name{text-align:center;font-weight:900;font-size:6.4cqw;color:var(--purple-ink);padding:2cqw 4cqw 1cqw;word-break:break-word;line-height:1.1}
#fcard-app .fcd-flavor{text-align:center;font-style:italic;color:var(--muted);font-weight:600;font-size:3.7cqw;padding:0 5cqw 5cqw;min-height:2cqw}
#fcard-app .fcd-holo{display:none;position:absolute;inset:0;z-index:5;pointer-events:none;background:linear-gradient(125deg,rgba(255,255,255,0) 36%,rgba(255,255,255,.4) 49%,rgba(255,255,255,0) 60%),linear-gradient(60deg,rgba(255,0,128,.10),rgba(0,200,255,.10),rgba(180,255,0,.10));mix-blend-mode:screen}
#fcard-app .fcd-card.holo .fcd-holo{display:block}

/* card details controls */
#fcard-app .fc-panel input[type=text]{width:100%;border:2px solid var(--line);border-radius:10px;padding:10px;font-family:inherit;font-weight:700;font-size:1rem}
#fcard-app .fc-seg{display:flex;gap:8px}
#fcard-app .fc-seg button{flex:1;border:2px solid var(--line);background:#faf9ff;border-radius:10px;padding:9px;font-weight:800;font-family:inherit;font-size:.8rem;color:var(--purple-deep);cursor:pointer}
#fcard-app .fc-seg button.on{background:var(--purple);color:#fff;border-color:var(--purple)}
#fcard-app .fc-statrow{display:flex;align-items:center;gap:8px;margin:7px 0}
#fcard-app .fc-statrow input[type=text]{width:116px;flex:none;border:2px solid var(--line);border-radius:9px;padding:8px;font-weight:700;font-family:inherit;font-size:.85rem}
#fcard-app .fc-statrow input[type=range]{flex:1;accent-color:var(--purple)}
#fcard-app .fc-statrow .v{width:20px;text-align:right;font-weight:800;color:var(--purple-ink)}
#fcard-app .fc-statrow .x{border:0;background:#fde8ec;color:#c0392b;border-radius:8px;width:30px;height:30px;font-weight:900;cursor:pointer;flex:none;line-height:1}
#fcard-app .fc-addstat{margin-top:8px;background:#f1eefc;color:var(--purple-deep);border:0;border-radius:10px;padding:9px 14px;font-weight:800;font-family:inherit;cursor:pointer}

/* gallery cards */
#fcard-app .fc-mini{position:relative;background:transparent;border:0;box-shadow:none;padding:0;cursor:pointer}
#fcard-app .fcd-holder{width:100%}
#fcard-app .fcd-holder .fcd-card{width:100%;box-shadow:0 8px 20px rgba(45,37,95,.16)}
#fcard-app .fc-mini .fc-heart{margin-top:8px;width:100%}
#fcard-app .fc-mini .fc-newtag{z-index:7}
/* layer reorder + arched text (v1.1.1) */
#fcard-app .fc-lhint{font-weight:600;font-size:.72rem;color:var(--muted)}
#fcard-app .fc-layer{display:flex;align-items:center;gap:8px}
#fcard-app .fc-layer .ln{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#fcard-app .fc-lmove{border:0;background:#f1eefc;color:var(--purple-deep);border-radius:6px;width:28px;height:28px;font-weight:900;cursor:pointer;font-size:.7rem;line-height:1;flex:none}
#fcard-app .fc-lmove:disabled{opacity:.35;cursor:default}
#fcard-app .fc-layer .lk{flex:none}
#fcard-app .fc-it-svg{display:block;overflow:visible}
#fcard-app .fc-selbar{position:sticky;top:6px;z-index:20}


/* =================================================================
   FOOFIE CARDS — v2 redesign (twilight gallery + TCG frame + glitter)
   Appended last so these rules win over the originals.
   ================================================================= */
#fcard-app{
  --gold:#F0B429; --gold-lite:#ffd54a; --muted:#a99fe0;
  color:#efeaff; max-width:900px; position:relative;
  background:linear-gradient(180deg,#241a63 0%,#180f44 55%,#120b34 100%);
  border-radius:22px; padding:18px 12px 70px;
}
#fcard-app::before{content:"";position:absolute;inset:0;z-index:0;border-radius:22px;pointer-events:none;opacity:.5;
  animation:fcStars 4s ease-in-out infinite;
  background-image:
    radial-gradient(1.5px 1.5px at 12% 18%,#fff,transparent 60%),radial-gradient(1px 1px at 28% 62%,#fff,transparent 60%),
    radial-gradient(1.5px 1.5px at 46% 28%,#fff,transparent 60%),radial-gradient(1px 1px at 64% 72%,#fff,transparent 60%),
    radial-gradient(1.5px 1.5px at 82% 22%,#fff,transparent 60%),radial-gradient(1px 1px at 92% 58%,#fff,transparent 60%),
    radial-gradient(1.5px 1.5px at 8% 82%,#fff,transparent 60%),radial-gradient(1px 1px at 38% 88%,#fff,transparent 60%),
    radial-gradient(1.5px 1.5px at 70% 48%,#fff,transparent 60%),radial-gradient(1px 1px at 54% 12%,#fff,transparent 60%);
  background-size:560px 560px}
@keyframes fcStars{0%,100%{opacity:.32}50%{opacity:.62}}
#fcard-app>*{position:relative;z-index:1}

/* header */
#fcard-app .fc-top{align-items:flex-start;margin:2px 4px 0}
#fcard-app .fc-h{color:#fff;font-family:"Oswald","Nunito",sans-serif;font-weight:700;letter-spacing:.02em;text-transform:uppercase;font-size:1.45rem}
#fcard-app .fc-h small{font-weight:800;letter-spacing:.2em;font-size:.6rem;color:var(--gold-lite);margin-top:4px}
#fcard-app .fc-back{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);color:#efeaff;backdrop-filter:blur(6px)}
#fcard-app .fc-back:hover{background:rgba(255,255,255,.16)}
#fcard-app .fc-goldrule{height:2px;margin:16px 4px 18px;border-radius:2px;opacity:.7;
  background:linear-gradient(90deg,transparent,var(--gold) 20%,var(--gold-lite) 50%,var(--gold) 80%,transparent)}

/* tabs */
#fcard-app .fc-tabs{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);padding:6px;border-radius:16px;margin:0 4px 14px}
#fcard-app .fc-tabs button{color:var(--muted);border-radius:11px}
#fcard-app .fc-tabs button.on{background:linear-gradient(180deg,#5b4fc4,#3a2f93);color:#fff;box-shadow:0 0 0 1.5px var(--gold),0 8px 16px -8px rgba(0,0,0,.5)}

/* banner -> eyebrow */
#fcard-app .fc-banner{background:none;border:0;color:#cfc6ff;font-weight:800;font-size:.84rem;padding:2px 12px;margin:0 4px 14px}

/* sort chips */
#fcard-app .fc-sortbar{justify-content:center;margin:14px 4px 22px}
#fcard-app .fc-sortbar button{color:var(--muted);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14)}
#fcard-app .fc-sortbar button.on{color:#2a2150;background:linear-gradient(180deg,var(--gold-lite),var(--gold));border-color:var(--gold);box-shadow:0 6px 14px -6px rgba(240,180,41,.6)}

/* grid + cardwrap + like chip */
#fcard-app .fc-grid{grid-template-columns:repeat(auto-fit,minmax(196px,1fr));gap:24px;margin:0 4px;justify-items:center}
@media(max-width:460px){#fcard-app .fc-grid{grid-template-columns:repeat(2,1fr);gap:14px}}
#fcard-app .fc-mini{width:100%;max-width:250px;padding:0;background:none;display:flex;flex-direction:column;align-items:center;gap:11px;
  opacity:0;transform:translateY(14px);animation:fcRise .55s ease forwards}
@keyframes fcRise{to{opacity:1;transform:none}}
#fcard-app .fcd-holder{width:100%}
#fcard-app .fc-heart{margin:0;width:auto;color:#fff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:6px 14px;font-size:.82rem}
#fcard-app .fc-heart:hover{background:rgba(255,255,255,.16)}
#fcard-app .fc-heart.liked{color:#fff;background:linear-gradient(180deg,#ff5d8f,#e23b6d);border-color:#ff5d8f}

/* empty / spinner / tip readable on dark */
#fcard-app .fc-empty,#fcard-app .fc-spin{color:#cfc6ff}
#fcard-app .fc-tip{color:#cfc6ff}

/* modal */
#fcard-app .fc-ov{background:rgba(10,6,30,.7)}
#fcard-app .fc-ov-act button{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.2)}
#fcard-app .fc-ov-act button.del{color:#ff9db4}

/* ============ CARD FRAME (TCG) ============ */
#fcard-app .fcd-cardwrap{margin:0}
#fcard-app .fcd-card{container-type:inline-size;position:relative;width:320px;max-width:100%;overflow:hidden;display:flex;flex-direction:column;isolation:isolate;
  --bezel-1:#3a2e86;--bezel-2:#241a63;--bezel-3:#160f42;--plate-1:#5b4fc4;--plate-2:#3a2f93;--acc:var(--accent,#534AB7);
  border:0;border-radius:6cqw !important;padding:3.4cqw 3.4cqw 2.8cqw;
  background:linear-gradient(150deg,var(--bezel-1),var(--bezel-2) 55%,var(--bezel-3));
  box-shadow:0 1px 0 rgba(255,255,255,.18) inset,0 0 0 .6cqw #b9810f,0 16px 34px -14px rgba(0,0,0,.65);
  transition:transform .26s cubic-bezier(.2,.7,.3,1),box-shadow .26s}
#fcard-app .fc-mini:hover .fcd-card{transform:translateY(-7px);box-shadow:0 1px 0 rgba(255,255,255,.2) inset,0 0 0 .6cqw var(--gold),0 28px 46px -16px rgba(0,0,0,.7),0 0 30px -6px rgba(240,180,41,.45)}
#fcard-app .fcd-card::before{content:"";position:absolute;inset:1.4cqw;border-radius:4.6cqw;pointer-events:none;border:.4cqw solid transparent;z-index:7;
  background:linear-gradient(150deg,#ffe7a0,#F0B429 45%,#b9810f) border-box;
  -webkit-mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.9}

#fcard-app .fcd-art{position:relative;margin:0;border-radius:3.4cqw 3.4cqw 0 0;overflow:hidden;aspect-ratio:1/1;
  box-shadow:0 0 0 .55cqw rgba(0,0,0,.35),0 0 0 .9cqw var(--gold);
  background:linear-gradient(135deg,#8ec5ff,#b69cff 60%,#7a52d8)}
#fcard-app .fcd-art svg{z-index:2}
#fcard-app .fcd-newtag{position:absolute;top:2.4cqw;left:2.4cqw;z-index:6;font-weight:900;font-size:2.6cqw;letter-spacing:.06em;color:#2a2150;background:linear-gradient(180deg,#ffe7a0,#ffd24a);border-radius:999px;padding:1cqw 2.4cqw;box-shadow:0 2px 6px rgba(0,0,0,.3)}

/* nameplate */
#fcard-app .fcd-plate{position:relative;z-index:5;margin:-6.6cqw 1.4cqw 0;padding:2cqw 4cqw 1.6cqw;text-align:center;
  background:linear-gradient(180deg,var(--plate-1),var(--plate-2));border-top:.55cqw solid var(--gold-lite);border-bottom:.55cqw solid #b9810f;
  clip-path:polygon(5% 0,95% 0,100% 50%,95% 100%,5% 100%,0 50%)}
#fcard-app .fcd-name{font-family:"Oswald","Nunito",sans-serif;font-weight:700;letter-spacing:.02em;line-height:1.02;font-size:5.4cqw;text-transform:uppercase;
  background:linear-gradient(180deg,#fff7e0,#ffd24a 70%,#F0B429);-webkit-background-clip:text;background-clip:text;color:transparent;word-break:break-word;
  filter:drop-shadow(0 1px 0 rgba(0,0,0,.3))}
#fcard-app .fcd-sub{font-weight:800;font-size:2.4cqw;letter-spacing:.12em;text-transform:uppercase;color:#dcd4ff;margin-top:.4cqw}
#fcard-app .fcd-sub:empty{display:none}

/* lower */
#fcard-app .fcd-lower{background:linear-gradient(180deg,#efeaff,#e3dcff);border-radius:0 0 3.4cqw 3.4cqw;padding:2.4cqw 3.4cqw 3cqw}
#fcard-app .fcd-stats{flex-direction:row;justify-content:center;gap:3cqw;flex-wrap:wrap;padding:0;margin:1.4cqw 0 .4cqw}
#fcard-app .fcd-stat{flex-direction:column;align-items:center;gap:0;width:16cqw;font-size:inherit;color:inherit}
#fcard-app .fcd-stat .g{width:11cqw;height:11cqw;display:grid;place-items:center;border-radius:3cqw;transform:rotate(45deg);margin:2.4cqw 0 3.6cqw;
  background:linear-gradient(135deg,var(--acc),#2a2150);background:linear-gradient(135deg,var(--acc),color-mix(in srgb,var(--acc) 45%,#1a1148));
  box-shadow:0 0 0 .5cqw var(--gold),0 0 0 .8cqw #241a63,inset 0 1px 4px rgba(255,255,255,.25),0 4px 9px -4px rgba(36,26,90,.5)}
#fcard-app .fcd-stat .g b{transform:rotate(-45deg);font-family:"Oswald","Nunito",sans-serif;font-weight:700;font-size:4.8cqw;
  background:linear-gradient(180deg,#fff7e0,#ffd24a);-webkit-background-clip:text;background-clip:text;color:transparent}
#fcard-app .fcd-stat span{font-weight:900;font-size:2.4cqw;letter-spacing:.04em;text-transform:uppercase;color:#5a4fa0;text-align:center;line-height:1.12}
#fcard-app .fcd-type{text-align:center;font-weight:800;font-style:italic;font-size:2.8cqw;color:#6a5fae;margin:1.4cqw 0 1.8cqw;letter-spacing:.01em}
#fcard-app .fcd-type:empty{display:none}
#fcard-app .fcd-type::before,#fcard-app .fcd-type::after{content:"✦";color:var(--gold);margin:0 1.6cqw;font-style:normal;font-size:2.6cqw}
#fcard-app .fcd-flavor{text-align:center;background:#fbf9ff;border:1px solid #e0d7ff;border-radius:2.6cqw;padding:1.8cqw 3cqw;font-style:italic;font-weight:700;font-size:3cqw;color:#4b4385;min-height:0}
#fcard-app .fcd-flavor:empty{display:none}
#fcard-app .fcd-foot{display:flex;align-items:center;justify-content:space-between;margin-top:2.2cqw;font-weight:800;font-size:2cqw;letter-spacing:.06em;text-transform:uppercase;color:#8479c0}
#fcard-app .fcd-foot b{color:var(--gold);font-size:2.9cqw}

/* holo sheen (override old) */
#fcard-app .fcd-holo{display:block;position:absolute;inset:0;z-index:6;pointer-events:none;opacity:0;mix-blend-mode:screen;
  background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.5) 45%,rgba(180,220,255,.4) 50%,transparent 62%);background-size:250% 250%}
#fcard-app .fcd-card.holo .fcd-holo{opacity:.85;animation:fcSheen 5.5s ease-in-out infinite}
@keyframes fcSheen{0%{background-position:120% 0}50%{background-position:-20% 100%}100%{background-position:120% 0}}

/* ============ GLITTER BACKDROP ============ */
#fcard-app .fcd-glitter{position:absolute;inset:0;z-index:1;overflow:hidden;background:linear-gradient(150deg,var(--g1,#b69cff),var(--g2,#6a3fd0))}
#fcard-app .fcd-glitter .gl{position:absolute;inset:-45%;background-repeat:repeat}
#fcard-app .fcd-glitter .l1{background-size:130px 130px;animation:fcGd 9s linear infinite,fcGt 2.6s ease-in-out infinite;
  background-image:radial-gradient(2px 2px at 10% 20%,#fff,transparent 60%),radial-gradient(1.8px 1.8px at 32% 68%,#fff,transparent 60%),radial-gradient(2.2px 2.2px at 55% 32%,#fff,transparent 60%),radial-gradient(1.6px 1.6px at 78% 82%,#fff,transparent 60%),radial-gradient(2px 2px at 88% 14%,#fff,transparent 60%),radial-gradient(1.8px 1.8px at 46% 92%,#fff,transparent 60%),radial-gradient(2px 2px at 20% 50%,#fff,transparent 60%),radial-gradient(1.6px 1.6px at 66% 60%,#fff,transparent 60%),radial-gradient(1.8px 1.8px at 5% 78%,#fff,transparent 60%),radial-gradient(2px 2px at 38% 8%,#fff,transparent 60%),radial-gradient(1.6px 1.6px at 60% 88%,#fff,transparent 60%),radial-gradient(2px 2px at 92% 55%,#fff,transparent 60%)}
#fcard-app .fcd-glitter .l2{background-size:96px 96px;opacity:.75;animation:fcGd2 13s linear infinite,fcGt 3.4s ease-in-out infinite .6s;
  background-image:radial-gradient(1.5px 1.5px at 15% 40%,#fff,transparent 60%),radial-gradient(1.8px 1.8px at 40% 18%,#fff,transparent 60%),radial-gradient(1.4px 1.4px at 62% 75%,#fff,transparent 60%),radial-gradient(1.6px 1.6px at 82% 45%,#fff,transparent 60%),radial-gradient(1.4px 1.4px at 28% 85%,#fff,transparent 60%),radial-gradient(1.8px 1.8px at 92% 88%,#fff,transparent 60%),radial-gradient(1.5px 1.5px at 8% 12%,#fff,transparent 60%),radial-gradient(1.6px 1.6px at 50% 55%,#fff,transparent 60%),radial-gradient(1.4px 1.4px at 70% 30%,#fff,transparent 60%),radial-gradient(1.6px 1.6px at 35% 60%,#fff,transparent 60%)}
@keyframes fcGd{from{transform:translate(0,0)}to{transform:translate(-130px,-130px)}}
@keyframes fcGd2{from{transform:translate(0,0)}to{transform:translate(96px,-96px)}}
@keyframes fcGt{0%,100%{opacity:.4}50%{opacity:1}}
#fcard-app .fcd-card[data-glitter="purple"]{--g1:#b69cff;--g2:#6a3fd0}
#fcard-app .fcd-card[data-glitter="pink"]{--g1:#ff9ecd;--g2:#c2348a}
#fcard-app .fcd-card[data-glitter="gold"]{--g1:#ffe08a;--g2:#e0950f}
#fcard-app .fcd-card[data-glitter="blue"]{--g1:#9ec5ff;--g2:#3f6fd0}
#fcard-app .fcd-card[data-glitter="teal"]{--g1:#8ef0e0;--g2:#1f9e9e}
#fcard-app .fcd-card[data-glitter="rainbow"] .fcd-glitter{background:linear-gradient(135deg,#ff6ec7,#ffd36e,#6effa8,#6ec7ff,#b06eff);background-size:300% 300%;animation:fcRainbow 8s ease infinite}
@keyframes fcRainbow{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}

/* editor glitter swatches */
#fcard-app .fc-gsw{display:flex;gap:9px;margin-top:10px;flex-wrap:wrap}
#fcard-app .fc-gsw button{width:36px;height:36px;border-radius:50%;border:2px solid #fff;cursor:pointer;box-shadow:0 0 0 1px var(--line)}
#fcard-app .fc-gsw button.on{box-shadow:0 0 0 3px var(--purple);transform:scale(1.06)}

@media(prefers-reduced-motion:reduce){
  #fcard-app::before,#fcard-app .fcd-glitter .gl,#fcard-app .fcd-card[data-glitter="rainbow"] .fcd-glitter,#fcard-app .fcd-card.holo .fcd-holo,#fcard-app .fc-mini{animation:none}
  #fcard-app .fc-mini{opacity:1;transform:none}
}

/* ---- v1.2.1 gallery layout hotfix ---- */
#fcard-app .fc-grid{align-items:start}
#fcard-app .fc-mini{justify-content:flex-start}
#fcard-app .fcd-holder{flex:0 0 auto;width:100%;display:flex;justify-content:center}
#fcard-app .fc-mini .fc-heart{flex:0 0 auto;width:auto;max-width:none;margin:2px auto 0;display:inline-flex;align-items:center;gap:6px;color:#fff;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:6px 16px;font-weight:900;font-size:.82rem}
#fcard-app .fc-mini .fc-heart.liked{background:linear-gradient(180deg,#ff5d8f,#e23b6d);border-color:#ff5d8f;color:#fff}

/* ---- v1.2.2 : kill outer box, single thin frame on image, center X ---- */
#fcard-app .fc-mini{display:block;text-align:center;max-width:250px;width:100%;background:none;padding:0}
#fcard-app .fcd-holder{display:block;width:100%}
#fcard-app .fcd-holder .fcd-card{width:100%;margin:0 auto}
#fcard-app .fcd-card::before{display:none}
#fcard-app .fc-mini .fc-heart{display:inline-flex;align-items:center;gap:6px;width:auto;max-width:none;margin:11px auto 0;color:#fff;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:6px 16px;font-weight:900;font-size:.82rem}
#fcard-app .fc-mini .fc-heart.liked{background:linear-gradient(180deg,#ff5d8f,#e23b6d);border-color:#ff5d8f;color:#fff}
#fcard-app .fc-ov-close{display:flex;align-items:center;justify-content:center;line-height:1;padding:0}

/* =================================================================
   v1.3.1 — KILL THE THEME'S OVAL LAYER
   The host theme paints a decorative border-radius:50% pseudo-element
   on each gallery cell. It has pointer-events:none, which is why every
   probe slid past it and reported "clean." The card's own frame, holo,
   and type pseudos live on .fcd-card / #fcard-app and are NOT touched.
   ================================================================= */
#fcard-app .fc-grid::before,    #fcard-app .fc-grid::after,
#fcard-app .fc-body::before,    #fcard-app .fc-body::after,
#fcard-app .fc-mini::before,    #fcard-app .fc-mini::after,
#fcard-app .fcd-holder::before, #fcard-app .fcd-holder::after{
  content:none !important;
  display:none !important;
  background:none !important;
  background-image:none !important;
  box-shadow:none !important;
  opacity:0 !important;
}

/* =================================================================
   v1.3.2 — THE ACTUAL FIX
   The "oval" is the CARD itself: the theme forces border-radius:50%
   onto .fcd-card (computed ~120px on a 250px card), bending the whole
   card into a vertical pill with the photo/stats in the flat middle.
   v1.3.0 locked the radius with too weak a selector, so the theme took
   it back. Re-assert the card shape with maximum specificity + a fixed
   px value (no container-query ambiguity) so the theme cannot override.
   ================================================================= */
#fcard-app #fc-body .fc-grid .fc-mini .fcd-holder .fcd-card,
#fcard-app #fc-body .fc-grid .fc-mini .fcd-holder .fcd-card.holo,
#fcard-app .fcd-cardwrap .fcd-card,
#fcard-app .fc-ov .fc-ov-card .fcd-card,
#fcard-app .fcd-card,
#fcard-app .fcd-card.holo{
  border-radius:16px !important;
}

/* =================================================================
   v1.3.3 — wide gallery now matches the portrait look:
   keep exactly 3 cards across and let each card GROW to fill its
   column instead of sitting small (was capped at 250px). Mobile
   (below 600px) keeps its existing smaller layout.
   ================================================================= */
@media(min-width:600px){
  #fcard-app .fc-grid{
    grid-template-columns:repeat(3,1fr) !important;
    gap:20px !important;
    justify-items:center !important;
  }
  #fcard-app .fc-mini{
    width:100% !important;
    max-width:340px !important;
  }
}

/* =================================================================
   v1.3.4 — make the CARD fill the column (big + readable), and kill
   the theme's lighter "slot" background on the cell that made the
   card look tiny inside an empty box. Max specificity so nothing
   the theme does can override it. Cells no longer stretch tall.
   ================================================================= */
@media(min-width:600px){
  #fcard-app #fc-body .fc-grid{
    grid-template-columns:repeat(3,1fr) !important;
    gap:16px !important;
    align-items:start !important;
    justify-items:stretch !important;
  }
  #fcard-app #fc-body .fc-grid .fc-mini,
  #fcard-app #fc-body .fc-grid .fc-mini .fcd-holder{
    width:100% !important;
    max-width:100% !important;
    background:transparent !important;
    background-image:none !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
  }
  #fcard-app #fc-body .fc-grid .fc-mini::before,
  #fcard-app #fc-body .fc-grid .fc-mini::after,
  #fcard-app #fc-body .fc-grid .fc-mini .fcd-holder::before,
  #fcard-app #fc-body .fc-grid .fc-mini .fcd-holder::after{
    content:none !important; display:none !important; background:none !important;
  }
  #fcard-app #fc-body .fc-grid .fc-mini .fcd-holder .fcd-card{
    width:100% !important;
    max-width:100% !important;
  }
}

/* =================================================================
   v1.3.5 — BIGGER, FLAT CARDS
   1) Widen the whole gallery so 3-across cards get large & readable
      (was capped at 900px -> 1200px).
   2) Remove the hover lift + gold glow so the cards stay flat — no
      glowing traced outlines, just the card.
   ================================================================= */
.fcp-focused-main{ max-width:1200px !important; }
#fcard-app{ max-width:1200px !important; }

#fcard-app .fc-mini:hover .fcd-card{
  transform:none !important;
  box-shadow:0 8px 20px rgba(45,37,95,.16) !important;
}
#fcard-app .fc-mini .fcd-card{
  transition:none !important;
}

/* =================================================================
   v1.3.6 — MAKE A CARD editor
   1) Remove the gold oval (theme rounding/decoration on the preview
      wrapper AND on the card) — reset both, kill their pseudo layers.
   2) Make the design card MUCH bigger so it's easy to work on
      (was ~320px -> 460px).
   ================================================================= */
#fcard-app #fc-body .fcd-cardwrap{
  background:transparent !important;
  background-image:none !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  outline:0 !important;
  padding:0 !important;
  overflow:visible !important;
}
#fcard-app #fc-body .fcd-cardwrap::before,
#fcard-app #fc-body .fcd-cardwrap::after{
  content:none !important;
  display:none !important;
  background:none !important;
}
#fcard-app #fc-body .fcd-cardwrap .fcd-card,
#fcard-app #fc-body .fcd-cardwrap .fcd-card.holo{
  border-radius:16px !important;
  width:460px !important;
  max-width:94% !important;
  margin:0 auto !important;
}

/* =================================================================
   v1.3.7 — editor card: a bit bigger + clear the overlap with the
   tip text underneath (reserve its full height + add breathing room).
   ================================================================= */
#fcard-app #fc-body .fcd-cardwrap{
  height:auto !important;
  min-height:0 !important;
  overflow:visible !important;
  margin:0 auto 40px !important;
}
#fcard-app #fc-body .fcd-cardwrap .fcd-card,
#fcard-app #fc-body .fcd-cardwrap .fcd-card.holo{
  width:500px !important;
  max-width:94% !important;
  margin:0 auto !important;
}
#fcard-app #fc-body .fc-tip{
  margin-top:18px !important;
  clear:both !important;
  position:relative !important;
  z-index:1 !important;
}

/* =================================================================
   v1.3.8 — remove the outer rectangles (gallery) + gold box (popup)
   so the card IS the whole thing in both places, big and readable.
   ================================================================= */

/* ---- GALLERY: kill the cell rectangles, let cards fill ---- */
#fcard-app #fc-body .fc-grid{ align-items:start !important; }
#fcard-app #fc-body .fc-grid > *,
#fcard-app #fc-body .fc-grid .fc-mini,
#fcard-app #fc-body .fc-grid .fcd-holder{
  background:transparent !important;
  background-image:none !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  padding:0 !important;
}
#fcard-app #fc-body .fc-grid > *::before,
#fcard-app #fc-body .fc-grid > *::after,
#fcard-app #fc-body .fc-grid .fc-mini::before,
#fcard-app #fc-body .fc-grid .fc-mini::after,
#fcard-app #fc-body .fc-grid .fcd-holder::before,
#fcard-app #fc-body .fc-grid .fcd-holder::after{
  content:none !important; display:none !important; background:none !important;
}
#fcard-app #fc-body .fc-grid .fc-mini .fcd-holder .fcd-card{
  width:100% !important;
  max-width:100% !important;
}

/* ---- POPUP: just the card, big & readable, no gold box ---- */
#fcard-app .fc-ov{ padding:24px !important; }
#fcard-app .fc-ov-card{
  background:transparent !important;
  background-image:none !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  width:auto !important;
  max-width:none !important;
}
#fcard-app .fc-ov-card::before,
#fcard-app .fc-ov-card::after{
  content:none !important; display:none !important; background:none !important;
}
#fcard-app .fc-ov .fcd-card{
  width:min(440px,88vw) !important;
  max-width:88vw !important;
  border-radius:16px !important;
}

/* =================================================================
   v1.3.9 — slim the card frame so the photo nearly fills the card.
   Trim the dark bezel padding and pull the gold keyline close to the
   edge. Applies to gallery, popup, and the editor preview.
   ================================================================= */
#fcard-app .fcd-card,
#fcard-app #fc-body .fc-grid .fc-mini .fcd-holder .fcd-card,
#fcard-app .fc-ov .fcd-card,
#fcard-app #fc-body .fcd-cardwrap .fcd-card{
  padding:1cqw 1cqw 1.4cqw !important;
}
#fcard-app .fcd-card::before{
  inset:0.6cqw !important;
  border-radius:3cqw !important;
}