/* PD Cleaner — site styles
   Base look lives as inline styles in index.html (kept faithful to the design).
   This file holds what inline styles can't do: @font-face, resets, keyframes, hover states. */

@font-face {
  font-family: 'Old Standard TT';
  src: url('assets/fonts/OldStandardTT-Regular.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'Jost';
  src: url('assets/fonts/Jost-Medium.ttf') format('truetype');
  font-weight: 500;
  font-display: swap;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: #15171A;
  color: #EFE6D0;
  font-family: 'Jost', system-ui, sans-serif;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
::selection { background: #C9A45C; color: #15171A; }
a { color: inherit; text-decoration: none; }

/* keyframes */
@keyframes hintBob { 0%,100% { transform: translateY(0); opacity: .5; } 50% { transform: translateY(7px); opacity: 1; } }

/* hover states (replaces the prototype's style-hover attributes) */
.nav-ghost { transition: color .2s ease, border-color .2s ease; }
.nav-ghost:hover { color: #EFE6D0; border-color: #C9A45C; }

.btn-brass { transition: background .2s ease, transform .2s ease; }
.btn-brass:hover { background: linear-gradient(180deg, #E6C57C, #C49A4C); }
.btn-brass.lift:hover { transform: translateY(-1px); }

.ghost { transition: color .2s ease, border-color .2s ease; }
.ghost:hover { border-color: #C9A45C; color: #fff; }

.playbtn { transition: background .2s ease, box-shadow .2s ease; }
.playbtn:hover { background: #26292e; box-shadow: 0 0 14px rgba(201,164,92,0.3); }

.card { transition: border-color .25s ease; }
.card:hover { border-color: #3a3d43; }

.era { transition: border-color .3s ease, transform .3s ease; }
.era:hover { transform: translateY(-4px); }
.era:not(.hl):hover { border-color: #5C4622; }

.dlcard { transition: border-color .25s ease, transform .25s ease; }
.dlcard:not(.hl):hover { border-color: #5C4622; transform: translateY(-3px); }

.lnk-discord { transition: color .2s ease; }
.lnk-discord:hover { color: #E6C57C; }

.lnk-wiseman { transition: color .2s ease; }
.lnk-wiseman:hover { color: #C9A45C; }