.dj-card{--dj-kraft: #E8D7BD;--dj-ink: #2A1D14;--dj-muted: #6B5644;--dj-dash: #A8917A;--dj-accent: #FF6B2C;--dj-accent-ink: #C2410C;background:var(--dj-kraft);color:var(--dj-ink);border-radius:18px;display:flex;flex-direction:column;gap:14px;text-align:left;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;box-shadow:0 14px 30px #00000059;transform:rotate(-1.2deg)}.dj-big{padding:18px 18px 16px}.dj-small{padding:14px 16px;gap:12px;transform:rotate(-.8deg);box-shadow:0 8px 20px #00000038}.dj-cardtop{display:flex;justify-content:space-between;gap:8px;font-size:10.5px;font-weight:700;letter-spacing:.14em;color:var(--dj-muted)}.dj-slots{display:grid;grid-template-columns:repeat(var(--cols, 5),minmax(0,1fr));gap:12px 8px;justify-items:center}.dj-slot{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}.dj-hole{width:58px;height:58px;border-radius:50%;box-sizing:border-box;border:2.5px dashed var(--dj-dash);display:flex;align-items:center;justify-content:center;overflow:hidden}.dj-small .dj-hole{width:46px;height:46px}.dj-hole img{width:62%;height:62%;border-radius:10px;filter:grayscale(1);opacity:.32}.dj-lbl{font-size:11px;font-weight:700;color:var(--dj-ink);text-align:center;line-height:1.15;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dj-on .dj-hole{border:0;transform:rotate(var(--tilt, -8deg));box-shadow:inset 0 0 0 3px #ffffff59,0 1px #00000026}.dj-on .dj-hole img{width:100%;height:100%;border-radius:50%;filter:none;opacity:1;object-fit:cover;transform:scale(1.18)}.dj-next .dj-hole{border-color:var(--dj-accent);border-width:3px}.dj-next .dj-hole img{opacity:.55;filter:grayscale(.4)}.dj-new .dj-hole{animation:dj-stamp .6s cubic-bezier(.32,.72,0,1) .35s both}.dj-card:has(.dj-new){animation:dj-thud .9s ease-out .35s both}@keyframes dj-stamp{0%{transform:scale(2.4) rotate(-34deg);opacity:0}55%{transform:scale(.88) rotate(calc(var(--tilt) + 4deg));opacity:1}75%{transform:scale(1.06) rotate(calc(var(--tilt) - 2deg))}to{transform:scale(1) rotate(var(--tilt));opacity:1}}@keyframes dj-thud{0%,40%{translate:0 0}50%{translate:0 3px}65%,to{translate:0 0}}.dj-cardfoot{display:flex;justify-content:space-between;align-items:center;gap:8px;border-top:1.5px dashed #BFA88C;padding-top:11px;font-size:14px;font-weight:700}.dj-streak{display:inline-flex;align-items:center;gap:4px;color:var(--dj-accent-ink)}.dj-panel{display:flex;flex-direction:column;gap:12px;margin:22px 0 8px;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}.dj-panel .dj-card{font-family:inherit}.dj-nextrow{display:flex;align-items:center;gap:12px;min-height:64px;padding:10px 14px;border-radius:16px;background:#7f7f7f1f;color:inherit;text-decoration:none;text-align:left;transition:transform .12s cubic-bezier(.32,.72,0,1)}.dj-nextrow:active,.dj-home:active{transform:scale(.97)}.dj-nextrow img{flex:none;border-radius:10px}.dj-nexttext{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.dj-nexttext b{font-size:16px;font-weight:700}.dj-nexttext small{font-size:13px;opacity:.72}.dj-full{padding:14px;border-radius:16px;background:#7f7f7f1f;font-size:15px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.dj-share{min-height:44px;padding:0 22px;border:0;border-radius:999px;background:#e8d7bd;color:#2a1d14;box-shadow:inset 0 0 0 1px #2a1d1438;font:700 15px Inter,system-ui,-apple-system,sans-serif;cursor:pointer;transition:transform .12s ease}.dj-share:active{transform:scale(.97)}.dj-share-row{align-self:center}.dj-addrow{align-self:center;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 6px;font-size:14px;font-weight:600;color:inherit;text-decoration:none;opacity:.85;transition:transform .12s ease}.dj-addrow:active{transform:scale(.97)}.dj-home{align-self:center;min-height:44px;display:inline-flex;align-items:center;font-size:14px;font-weight:600;color:inherit;opacity:.7;text-decoration:none;transition:transform .12s ease}@media(prefers-reduced-motion:reduce){.dj-new .dj-hole,.dj-card:has(.dj-new){animation:none}}