/* ============================================================
   v2-deed.css — Van Patta living deed (T3)
   Extends assets/v2.css tokens. No green. Aurora Ledger only.
   ============================================================ */

body.deed-v2{background:var(--void)}

.deed-ribbon{
  background:linear-gradient(90deg,rgba(139,124,248,.16),rgba(62,230,204,.14) 60%,rgba(139,124,248,.16));
  border-bottom:1px solid var(--edge);
  color:var(--ink-dim);
  text-align:center;
  font-size:12.5px;
  font-weight:600;
  letter-spacing:.02em;
  padding:10px 18px;
}
.deed-ribbon b{color:var(--ember);letter-spacing:.08em}

.deed-page{padding:52px 0 100px;position:relative}
.deed-wrap{max-width:640px;margin:0 auto;padding:0 20px;position:relative;z-index:1}
.deed-wrap > section{padding:56px 0 0}
.deed-wrap > section:first-child{padding-top:0}

.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}

/* ---------- THE DEED CARD ---------- */
.deed-card-outer{perspective:1300px}
.deed-card{
  position:relative;
  padding:26px;
  color:var(--ink);
  transform-style:preserve-3d;
  will-change:transform;
  transition:transform .4s cubic-bezier(.2,.7,.3,1);
  overflow:hidden;
}
.deed-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:18px}
.deed-mark{display:flex;align-items:center;gap:10px}
.deed-mark svg{width:32px;height:32px;flex-shrink:0}
.deed-title-block{line-height:1.25}
.deed-title-hi{font-family:var(--hindi);font-size:16px;color:var(--pulse);display:block}
.deed-title-en{font-family:var(--disp);font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim);font-weight:700}
.deed-chips{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.chip-preview{background:var(--ember-soft);color:var(--ember);border:1px solid rgba(233,185,73,.4)}
.chip-soul{background:var(--aura-soft);color:#b3a8ff;border:1px solid rgba(139,124,248,.4)}
.chip-sample{background:rgba(238,240,251,.08);color:var(--ink-dim);border:1px solid rgba(238,240,251,.2)}
.deed-chips span{border-radius:999px;padding:4px 11px;font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}

/* deed art: photo + vector temple-arch overlay */
.deed-art{
  position:relative;
  aspect-ratio:1/1;
  max-height:280px;
  border-radius:16px;
  overflow:hidden;
  margin-bottom:18px;
  border:1px solid var(--edge-gold);
  background:radial-gradient(80% 80% at 50% 40%, rgba(139,124,248,.22), var(--twilight) 70%);
}
.deed-art img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;opacity:0;transition:opacity .5s ease}
.deed-art img.loaded{opacity:1}
.deed-art .arch-vector{position:absolute;inset:0;width:100%;height:100%}
.deed-art .illus-tag{
  position:absolute;left:10px;bottom:10px;z-index:2;
  background:rgba(6,7,15,.6);backdrop-filter:blur(4px);
  border:1px solid rgba(238,240,251,.22);color:var(--ink-dim);
  font-size:10px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;
  padding:5px 9px;border-radius:6px;
}

.deed-body-rows{border-top:1px solid rgba(238,240,251,.12);padding-top:14px}
.deed-row{display:flex;justify-content:space-between;gap:12px;font-size:13.5px;padding:7px 0;color:var(--ink-faint)}
.deed-row b{color:var(--ink);text-align:right;font-weight:700;font-family:var(--disp)}

.deed-honest{
  margin-top:16px;border-top:1px solid rgba(238,240,251,.12);padding-top:14px;
  font-size:12px;color:var(--ink-faint);
}
.deed-honest b{color:var(--ink-dim)}

.deed-footer{margin-top:16px;display:flex;align-items:center;justify-content:flex-end}
.testnet-chip{
  display:inline-flex;align-items:center;gap:6px;min-height:40px;
  background:var(--aura-soft);border:1px solid rgba(139,124,248,.45);
  color:#b3a8ff;font-size:11px;font-weight:800;letter-spacing:.06em;
  padding:8px 14px;border-radius:100px;text-decoration:none;text-transform:uppercase;
}
.testnet-chip:hover{background:rgba(139,124,248,.28)}

/* ---------- EMPTY STATE ---------- */
.deed-empty{
  padding:44px 26px;text-align:center;
}
.deed-empty .empty-icon{width:64px;height:64px;margin:0 auto 18px}
.deed-empty h2{font-size:clamp(1.4rem,4vw,1.9rem);margin-bottom:10px}
.deed-empty p{color:var(--ink-dim);max-width:420px;margin:0 auto 26px}

.demo-cta{
  margin-top:18px;padding:18px 20px;text-align:center;
}
.demo-cta p{font-size:13px;color:var(--ink-dim);margin-bottom:14px}
.demo-cta p b{color:var(--ink)}

/* ---------- RITUAL / STREAK ---------- */
.ritual-card{padding:32px 26px;text-align:center}
.ritual-flame{width:56px;height:56px;margin:0 auto 10px}
.ritual-count{display:block;margin-bottom:6px}
.ritual-title{font-size:clamp(1.3rem,4vw,1.8rem);margin-bottom:6px}
.ritual-title .hindi-line{display:block;margin-top:4px}
.ritual-sub{color:var(--ink-dim);max-width:440px;margin:10px auto 24px;font-size:.95rem}

.streak-row{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}
.streak-slot{
  width:34px;height:34px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:rgba(238,240,251,.06);border:1px solid rgba(238,240,251,.14);
  color:var(--ink-faint);font-size:15px;
}
.streak-slot.lit{
  background:linear-gradient(135deg,var(--pulse-soft),var(--ember-soft));
  border-color:var(--edge-gold);color:var(--ember);
}
.streak-slot.today{box-shadow:0 0 0 2px rgba(233,185,73,.5)}
.streak-slot.pulse{animation:popIn .5s cubic-bezier(.34,1.56,.64,1) both}

/* ---------- MILESTONES (constellation medallions) ---------- */
.badges-grid{
  position:relative;
  display:grid;grid-template-columns:repeat(2,1fr);gap:20px;
  padding-top:8px;
}
@media(min-width:640px){.badges-grid{grid-template-columns:repeat(4,1fr)}}
.const-links{position:absolute;inset:0;width:100%;height:100%;z-index:0;opacity:.5;pointer-events:none}
.const-links line{stroke:rgba(122,240,220,.25);stroke-width:1;stroke-dasharray:4 4}

.badge{position:relative;z-index:1;text-align:center}
.badge-ring{position:relative;width:76px;height:76px;margin:0 auto 10px}
.badge-ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.badge-ring .track{fill:none;stroke:rgba(238,240,251,.1);stroke-width:4}
.badge-ring .fill{fill:none;stroke:var(--ink-faint);stroke-width:4;stroke-linecap:round;transition:stroke-dashoffset 1s cubic-bezier(.22,1,.36,1)}
.badge.earned .badge-ring .fill{stroke:url(#badgeGrad)}
.badge-icon{
  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  font-size:22px;filter:grayscale(1);opacity:.55;
}
.badge.earned .badge-icon{filter:none;opacity:1}
.badge.earned.shine .badge-ring{animation:glowPulse 2.6s ease-in-out infinite}
.badge-num{font-family:var(--disp);font-weight:700;font-size:.95rem;color:var(--ink)}
.badge-name{font-size:.78rem;color:var(--ink-dim);margin-top:2px}
.badge-status{font-size:.7rem;color:var(--ink-faint);margin-top:4px}
.badge.earned .badge-status{color:var(--pulse)}
.badge-note{font-size:.68rem;color:var(--ember);margin-top:3px;font-weight:600}

/* ---------- FOREST THIS WEEK ---------- */
.forest-feed{display:grid;gap:14px;margin-top:18px}
.feed-card{
  display:flex;gap:14px;align-items:flex-start;padding:18px;
}
.feed-icon{
  flex-shrink:0;width:42px;height:42px;border-radius:12px;
  display:flex;align-items:center;justify-content:center;
  background:rgba(238,240,251,.06);border:1px solid rgba(238,240,251,.14);
}
.feed-icon svg{width:22px;height:22px}
.feed-card h4{font-size:.98rem;margin-bottom:4px;font-family:var(--disp)}
.feed-card p{font-size:.85rem;color:var(--ink-faint)}

/* ---------- ACTIONS ---------- */
.deed-actions{display:flex;flex-direction:column;gap:12px;padding-top:0}
.deed-actions .btn{width:100%}
.a-home{
  text-align:center;color:var(--ink-faint);font-size:.9rem;padding:10px;
}
.a-home:hover{color:var(--ink)}

@media(min-width:640px){
  .deed-wrap{max-width:640px}
}