/* ============================================================
   Skin: "hackdmc" — straight off the Hack The DMC poster. Dark navy, neon
   pink + purple glow, monospace, the 24-hour-hackathon energy.
   ============================================================ */
.skin-hackdmc {
  background:
    radial-gradient(90% 60% at 50% 0%, rgba(168,85,247,.4), transparent 60%),
    radial-gradient(70% 50% at 50% 100%, rgba(255,45,155,.25), transparent 60%),
    #0a0d24;
  color: #c7cdf0; font-family: "SF Mono", "Roboto Mono", Menlo, Consolas, monospace;
}
.skin-hackdmc .viewport { background: transparent; }
.skin-hackdmc .site { max-width: 760px; margin: 0 auto; padding: 0 14px 40px; }

.skin-hackdmc .masthead { text-align: center; padding: 38px 20px 26px; }
.skin-hackdmc .brand {
  margin: 0; font: 800 46px/1.05 "SF Mono", "Roboto Mono", Menlo, monospace; text-transform: uppercase; letter-spacing: 1px;
  color: #fff; text-shadow: 0 0 8px #ff2d9b, 0 0 18px rgba(255,45,155,.7), 0 0 34px rgba(168,85,247,.6);
}
.skin-hackdmc .tag { margin: 14px 0 0; color: #6ee7ff; font-size: 13px; letter-spacing: 2px; text-transform: uppercase; text-shadow: 0 0 8px rgba(110,231,255,.6); }
.skin-hackdmc .beta { display: none; }

.skin-hackdmc .content { background: rgba(13,18,48,.7); border: 1px solid #2a2f5e; border-radius: 8px; padding: 24px 28px 30px; box-shadow: 0 0 30px rgba(168,85,247,.15); }
.skin-hackdmc .content p { font: 14px/1.7 "SF Mono", Menlo, monospace; color: #c7cdf0; margin: 0 0 1.1em; }
.skin-hackdmc .content a { color: #ff5cae; text-decoration: none; border-bottom: 1px dotted #ff5cae; }
.skin-hackdmc .content a:hover { color: #fff; }
.skin-hackdmc .content h2 { color: #6ee7ff; font: 800 22px "SF Mono", monospace; text-transform: uppercase; text-shadow: 0 0 8px rgba(110,231,255,.5); margin: 1.4em 0 .4em; }

.skin-hackdmc .period-links { text-align: center; margin: 0 0 16px; }
.skin-hackdmc .period-links a {
  display: inline-block; color: #fff; text-decoration: none; font: bold 12px "SF Mono", monospace; text-transform: uppercase; letter-spacing: 1px;
  background: linear-gradient(#ff2d9b, #a855f7); padding: 8px 18px; border-radius: 4px; margin: 0 6px 6px 0; box-shadow: 0 0 14px rgba(255,45,155,.5);
}
.skin-hackdmc .inline img, .skin-hackdmc .tile img { max-width: 100%; height: auto; display: block; border: 1px solid #2a2f5e; border-radius: 4px; }
.skin-hackdmc .inline figcaption, .skin-hackdmc .tile figcaption { font-size: 12px; color: #8b93c7; margin-top: 6px; }
.skin-hackdmc .period-gallery { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 14px; margin-top: 20px; }
.skin-hackdmc .tile { margin: 0; }

.skin-hackdmc .period-foot { text-align: center; padding: 18px; color: #6c74a8; font: 11px "SF Mono", monospace; letter-spacing: 1px; }
.skin-hackdmc .period-foot::before { content: "#HACKTHEDMC · #SEW18 · "; color: #ff5cae; }