/* 🐺 The Wolf Pack Den (the Boss's idea + his video frames, 2026-11-03 night) */
.dn-body{background:linear-gradient(180deg,#0b1d2e,#0d1424 60%,#120c1e)}
.dn-scene{margin:22px 0 0}
.dn-scene h2,.dn-inside h2{margin:0 0 4px;color:#cfe8ff;font-size:clamp(1.2rem,3.4vw,1.6rem)}
.dn-tip{margin:0 0 10px;color:#b8cdee}
.dn-pic{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 0 0 2px #24456b,0 0 30px rgba(120,180,255,.25)}
.dn-pic img{display:block;width:100%;height:auto}
.dn-fx{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.dn-pup{position:absolute;width:8%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;cursor:pointer;
  border:3px dashed rgba(255,255,255,.75);background:rgba(160,210,255,.12);animation:dnpulse 1.6s ease-in-out infinite}
.dn-pup:hover,.dn-pup:focus-visible{outline:none;border-color:#ffd23f;background:rgba(255,210,63,.2)}
.dn-pup.warm{animation:none;border:3px solid #ff8fb1;background:rgba(255,143,177,.18);box-shadow:0 0 18px rgba(255,143,177,.7);cursor:default}
.dn-pup.warm::after{content:'❤️';position:absolute;left:50%;top:-55%;transform:translateX(-50%);font-size:clamp(14px,2.6vw,24px)}
@keyframes dnpulse{50%{transform:translate(-50%,-50%) scale(1.12)}}
@media (prefers-reduced-motion:reduce){.dn-pup{animation:none}}
.dn-count{margin:8px 0 0;font-weight:800;color:#ffd23f}
.dn-key{margin:12px auto 0;font-size:1.05rem}
.dn-key:disabled{opacity:.6;cursor:not-allowed}
.dn-key.ready{animation:dnglow 1.2s ease-in-out infinite}
@keyframes dnglow{50%{box-shadow:0 0 22px #ff6bd5}}
.dn-pic.open img{filter:brightness(1.15) saturate(1.2);transition:filter 1s ease}
.dn-inside{margin:26px 0 0;padding:18px 16px;border-radius:16px;background:radial-gradient(ellipse at top,rgba(255,160,60,.22),rgba(30,16,10,.6));border:2px solid #b8662a}
.dn-inside h2{color:#ffcf8a}
.dn-jobs{list-style:none;padding:0;margin:12px 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}
.dn-jobs li{padding:12px;border-radius:12px;background:rgba(0,0,0,.35);border:1px solid rgba(255,207,138,.35)}
.dn-jobs b{display:block;font-size:1.1rem;color:#fff}
.dn-jobs span{color:#ffdcae;font-size:.92rem}