/* نور v28.2 — شجرة الطاعات */
.gd-root{animation:gdIn .4s both}
@keyframes gdIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.gd-stage{position:relative;border-radius:28px;overflow:hidden;background:#07120f;box-shadow:0 18px 42px #0004;border:1px solid color-mix(in srgb,var(--gold) 35%,transparent);aspect-ratio:4/4.6;max-height:68vh;width:100%}
.gd-stage canvas{display:block;width:100%;height:100%;touch-action:manipulation;cursor:pointer}
.gd-badge{position:absolute;top:12px;right:12px;display:flex;flex-direction:column;gap:2px;padding:8px 12px;border-radius:16px;background:rgba(6,25,20,.62);backdrop-filter:blur(8px);color:#f0d67f;border:1px solid rgba(231,200,110,.3)}
.gd-badge b{font-size:12px}.gd-badge small{font-size:9px;color:#bcd6cd}
.gd-msg{position:absolute;left:50%;top:44%;transform:translate(-50%,0);opacity:0;pointer-events:none;font-size:22px;font-weight:900;color:#ffe9a3;text-shadow:0 3px 18px #000a,0 0 22px #d8b86788;white-space:nowrap;font-family:"Amiri","Tajawal",serif}
.gd-tip{margin:12px 2px 8px;padding:11px 14px;border-radius:16px;background:var(--soft);color:var(--text);font-size:12px;font-weight:700;line-height:1.7;text-align:center}
.gd-tip.pop{animation:gdPop .35s}
@keyframes gdPop{0%{transform:scale(.97);opacity:.5}100%{transform:none;opacity:1}}
.gd-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.gd-chip{font-size:10px;font-weight:800;padding:6px 10px;border-radius:99px;border:1px solid var(--line);background:var(--card);color:var(--muted)}
.gd-chip.on{background:linear-gradient(135deg,#0b6b57,#1e8f73);color:#fff;border-color:transparent}
.gd-age{padding:16px;margin-bottom:12px}
.gd-age h3{margin:0 0 12px;font-size:15px}
.gd-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.gd-stats>div{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"i b" "i s";column-gap:9px;align-items:center;padding:10px;border-radius:16px;background:var(--soft)}
.gd-stats span{grid-area:i;font-size:22px}.gd-stats b{grid-area:b;font-size:19px;color:var(--primary);line-height:1.1}.gd-stats small{grid-area:s;font-size:9px;color:var(--muted)}
.gd-next{margin-top:12px}.gd-next small{display:block;font-size:10px;color:var(--muted);margin-top:6px;line-height:1.6}
.gd-bar,.gd-card-bar{height:7px;border-radius:99px;background:var(--soft);overflow:hidden}
.gd-bar i,.gd-card-bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--primary),#e0c46c);transition:width .8s ease}
.gd-how{padding:14px 16px;margin-bottom:12px;font-size:11px}
.gd-how ul{margin:8px 0 0;padding:0 18px 0 0;line-height:2;color:var(--muted)}
.gd-back{margin-bottom:6px}

/* بطاقة المتعقب */
.gd-card{position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-areas:"art body" "go go";gap:6px 12px;width:100%;text-align:right;border:1px solid rgba(231,200,110,.35);border-radius:26px;padding:14px;margin:0 0 12px;color:#fff;background:radial-gradient(circle at 15% 0%,#1d7b61 0,transparent 55%),linear-gradient(150deg,#0b4a3b,#06201a);box-shadow:0 16px 34px #0003;overflow:hidden;transition:transform .18s,box-shadow .18s;-webkit-tap-highlight-color:transparent}
.gd-card:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 40%,rgba(255,235,160,.14) 50%,transparent 60%);transform:translateX(-120%);animation:gdShine 5s ease-in-out infinite;pointer-events:none}
@keyframes gdShine{0%,60%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
.gd-card:active{transform:scale(.975)}
.gd-card:focus-visible{outline:3px solid #e0c46c;outline-offset:2px}
.gd-card.fresh{box-shadow:0 0 0 2px rgba(231,200,110,.55),0 16px 34px #0003}
.gd-card-art{grid-area:art;position:relative;width:84px;height:84px;border-radius:22px;background:linear-gradient(180deg,#0a2a50,#0a3b30 80%);display:grid;place-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.1)}
.gd-card-art svg{overflow:visible;animation:gdSway 5s ease-in-out infinite;transform-origin:50% 90%}
@keyframes gdSway{50%{transform:rotate(1.6deg)}}
.gd-bf{animation:gdFly 3s ease-in-out infinite}
@keyframes gdFly{50%{transform:translate(-4px,-3px)}}
.gd-new{position:absolute;top:4px;left:4px;font-style:normal;font-size:8px;font-weight:900;background:#e0c46c;color:#3a2a05;padding:2px 6px;border-radius:99px;animation:gdPulse 1.6s infinite}
@keyframes gdPulse{50%{transform:scale(1.12)}}
.gd-card-body{grid-area:body;display:flex;flex-direction:column;gap:4px;min-width:0}
.gd-card-body small{color:#e0c46c;font-size:10px;font-weight:900}
.gd-card-body b{font-size:18px;line-height:1.2}
.gd-card-msg{font-size:11px;color:#d3e7df;line-height:1.7}
.gd-card-meta{display:flex;flex-wrap:wrap;gap:5px}
.gd-card-meta i{font-style:normal;font-size:9px;font-weight:800;padding:3px 8px;border-radius:99px;background:rgba(255,255,255,.1);color:#f0e4b0}
.gd-card-bar{background:rgba(255,255,255,.14);margin-top:2px}
.gd-card-go{grid-area:go;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;border-radius:16px;background:linear-gradient(135deg,#e7c25a,#c99a2c);color:#2d2204;font-weight:900;font-size:13px;box-shadow:0 8px 18px #c99a2c44}
.gd-card-go svg{transition:transform .2s}.gd-card:hover .gd-card-go svg{transform:translateX(-3px)}
@media(max-width:360px){.gd-card-art{width:68px;height:68px}.gd-card-body b{font-size:16px}.gd-msg{font-size:18px}}
@media(prefers-reduced-motion:reduce){.gd-card:before,.gd-card-art svg,.gd-bf,.gd-new,.gd-root{animation:none}}