.camp-card{background:var(--sur);border-radius:var(--radius);border:1px solid var(--line);overflow:hidden;box-shadow:var(--sh);transition:box-shadow .2s,transform .15s;cursor:pointer}
.camp-card:hover{box-shadow:var(--sh2);transform:translateY(-1px)}
.camp-card.mine{border-color:var(--b2)}
.camp-card__head{padding:.9rem 1rem .6rem}
.camp-card__badge{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .55rem;border-radius:20px;font:600 .6rem/1 'DM Sans',sans-serif;margin-bottom:.45rem}
.camp-card__title{font:700 .95rem/1.3 'Lora',serif;color:var(--ink);margin-bottom:.3rem}
.camp-card__desc{font:400 .78rem/1.55 'DM Sans',sans-serif;color:var(--muted);margin-bottom:.6rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.camp-card__meta{display:flex;gap:.4rem;flex-wrap:wrap;font:400 .7rem/1 'DM Sans',sans-serif;color:var(--soft)}
.camp-progress{padding:0 1rem .65rem}
.camp-bar-bg{height:6px;background:var(--line);border-radius:3px;overflow:hidden;margin-bottom:.3rem}
.camp-bar-fill{height:100%;border-radius:3px;background:var(--b2);transition:width .8s ease}
.camp-bar-info{display:flex;justify-content:space-between;font:500 .68rem/1 'DM Sans',sans-serif}
.camp-card__footer{padding:.55rem 1rem;border-top:1px solid var(--line);background:var(--bg);display:flex;align-items:center;justify-content:space-between}
.camp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}
/* Modal */
.mo{position:fixed;inset:0;background:rgba(11,18,32,.45);z-index:2000;display:flex;align-items:center;justify-content:center;padding:1rem;opacity:0;pointer-events:none;transition:opacity .2s}
.mo.open{opacity:1;pointer-events:all}
.mow{background:var(--sur);border-radius:var(--radius);width:100%;max-width:520px;max-height:88vh;overflow-y:auto;box-shadow:var(--sh2);transform:translateY(12px);transition:transform .2s}
.mo.open .mow{transform:translateY(0)}
.moh{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem .75rem;border-bottom:1px solid var(--line)}
.mot{font:600 1rem/1 'Lora',serif;color:var(--ink)}
.moc{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);background:var(--bg);font-size:1.1rem;color:var(--muted);cursor:pointer}
.mob{padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.65rem}
.fi{display:flex;flex-direction:column;gap:.3rem}
.fl{font:600 .75rem/1 'DM Sans',sans-serif;color:var(--muted)}
.fin{padding:.55rem .75rem;border:1.5px solid var(--line);border-radius:var(--radius-sm);font:.85rem/1 'DM Sans',sans-serif;color:var(--ink);background:var(--bg);outline:none;transition:border-color .2s}
.fin:focus{border-color:var(--b2);background:var(--sur)}