/* Coinhammer -- static one-pager. Gold #e0c17a on black/grey, Verdana; underdog.quest look, lightly modern. */
:root { --gold:#e0c17a; --ink:#fff; --line:rgba(224,193,122,.28); --radius:14px; }
* { font-family: Verdana, Arial, Tahoma, Serif; box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; background: #3c3c3c; scroll-behavior: smooth; -webkit-font-smoothing: antialiased; }

/* top nav */
.top-nav { display: flex; align-items: center; justify-content: space-between;
  background: linear-gradient(180deg,#000,#0b0b0b); color: var(--gold); height: 54px; padding: 1em;
  position: sticky; top: 0; z-index: 20; box-shadow: 0 2px 14px rgba(0,0,0,.45); border-bottom: 1px solid var(--line); }
.logo { margin: 0; } .logo a { font-size: 20px; font-weight: bold; letter-spacing: .5px; }
.menu { display: flex; list-style: none; margin: 0; padding: 0; }
.menu > li { margin: 0 .4rem; overflow: hidden; }
.nav-link, .logo a { text-decoration: none; color: var(--gold); display: block; padding: .35em .7em;
  border-radius: 9px; transition: background .18s ease, color .18s ease; }
.nav-link:hover { color: #000; background: var(--gold); }

/* pure-CSS hamburger (no JS) */
.menu-button-container { display: none; height: 100%; width: 30px; cursor: pointer; flex-direction: column; justify-content: center; align-items: center; }
#menu-toggle { display: none; }
.menu-button, .menu-button::before, .menu-button::after { display: block; background: var(--gold); position: absolute; height: 4px; width: 30px; transition: transform 400ms cubic-bezier(.23,1,.32,1); border-radius: 2px; }
.menu-button::before { content: ''; margin-top: -8px; } .menu-button::after { content: ''; margin-top: 8px; }
#menu-toggle:checked + .menu-button-container .menu-button::before { margin-top: 0; transform: rotate(405deg); }
#menu-toggle:checked + .menu-button-container .menu-button { background: rgba(255,255,255,0); }
#menu-toggle:checked + .menu-button-container .menu-button::after { margin-top: 0; transform: rotate(-405deg); }
@media (max-width: 760px) {
  .menu-button-container { display: flex; }
  .menu { position: absolute; top: 0; margin-top: 54px; left: 0; flex-direction: column; width: 100%; align-items: center; z-index: 9; }
  #menu-toggle ~ .menu li { height: 0; margin: 0; padding: 0; border: 0; transition: height 400ms cubic-bezier(.23,1,.32,1); }
  #menu-toggle:checked ~ .menu li { height: 2.6em; padding: .5em; }
  .menu > li { display: flex; justify-content: center; margin: 0; width: 100%; color: var(--gold); background: #161616; }
  .menu > li:not(:last-child) { border-bottom: 1px solid #333; }
  .nav-link { border-radius: 0; }
}

/* hero */
.main { padding: 2em 1em; background: radial-gradient(900px 400px at 50% -40%, #4e4e4e 0%, #3c3c3c 70%); color: var(--gold); }
.main h1, .main h2, .main p, .main div { text-align: center; overflow-wrap: anywhere; }
.main h1 { color: var(--gold); font-size: 28px; margin: .1em auto .4em; letter-spacing: .3px; }
.main p { margin: 10px auto; color: var(--ink); max-width: 760px; line-height: 1.6; }
.main a:not(.btn-primary):not(.dl) { color: var(--gold); }

/* penguin download card */
.linux { margin: 22px auto 6px; max-width: 320px; }
.dl { display: inline-flex; flex-direction: column; align-items: center; gap: 10px; text-decoration: none; color: var(--gold);
  background: linear-gradient(180deg,#111,#000); border: 1px solid var(--line); border-radius: 18px; padding: 20px 26px;
  box-shadow: 0 10px 30px rgba(0,0,0,.45); transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
.dl:hover { transform: translateY(-3px); box-shadow: 0 16px 40px rgba(0,0,0,.55); border-color: var(--gold); }
.dl .tux { width: 132px; height: 132px; filter: drop-shadow(0 6px 14px rgba(0,0,0,.5)); }
.dl b { font-size: 17px; letter-spacing: .4px; } .dl small { color: #bda36a; }

/* gold button */
.btn-primary { color: #000; background: linear-gradient(180deg,#ecd08e,#e0c17a); text-decoration: none; display: inline-block;
  font-size: 20px; line-height: 54px; height: 54px; min-width: 300px; padding: 0 26px; border-radius: 12px;
  box-shadow: 0 8px 22px rgba(0,0,0,.4); font-weight: bold; letter-spacing: .3px; transition: transform .18s ease, background .18s ease, color .18s ease; }
.btn-primary:hover { background: #000; color: var(--gold); transform: translateY(-2px); }

/* stats sections (one per anchor) */
.stats { text-align: center; overflow-wrap: break-word; padding: 1.6em .6em 2em; background: linear-gradient(180deg,#000,#070707); color: var(--ink); border-top: 1px solid var(--line); scroll-margin-top: 60px; }
.stats:nth-of-type(even) { background: linear-gradient(180deg,#070707,#000); }
.stats h2 { color: var(--ink); margin: .2em 0 .1em; letter-spacing: .3px; }
.stats h3.subhead { color: var(--gold); margin: 26px 0 2px; font-size: 16px; letter-spacing: .3px; }
.status { color: var(--gold); margin: 6px 0 2px; font-size: 14px; }
.archive-flag { color: var(--gold); max-width: 760px; margin: 8px auto 2px; font-size: 13.5px; opacity: .92; border: 1px dashed var(--line); border-radius: 10px; padding: 8px 12px; }
.table-container { max-width: 100%; overflow-x: auto; display: flex; justify-content: center; padding: 1rem .6rem; }
.stats-table { border-collapse: separate; border-spacing: 0; width: 100%; max-width: 860px; margin: 0 auto; background: #0a0a0a;
  border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; box-shadow: 0 12px 34px rgba(0,0,0,.45); }
.stats-table th, .stats-table td { border-bottom: 1px solid var(--line); padding: 13px 12px; text-align: center; color: var(--ink); }
.stats-table thead th { background: #000; font-weight: bold; color: var(--gold); text-transform: uppercase; font-size: 12.5px; letter-spacing: .6px; }
.stats-table tbody tr:hover td { background: #141414; }
.stats-table td.id { text-align: left; word-break: break-all; }
.stats-table tr.top td:first-child { color: var(--gold); font-weight: bold; }
.stats-table tr:last-child td { border-bottom: none; }
.stats-table tfoot td { color: var(--gold); font-weight: bold; background: #000; border-top: 2px solid var(--line); }
.big { color: var(--gold); font-size: 30px; font-weight: bold; font-variant-numeric: tabular-nums; }
.note { color: var(--gold); max-width: 820px; margin: 12px auto 0; padding: 0 12px; font-size: 13px; opacity: .9; }
.empty { color: var(--gold); padding: 26px; }
@media (max-width: 600px) { .stats-table th, .stats-table td { font-size: 14px; padding: 9px 7px; } .big { font-size: 22px; } .main h1 { font-size: 21px; } .btn-primary { min-width: 0; width: 100%; } }

/* footer */
footer { background: linear-gradient(180deg,#070707,#000); color: var(--gold); padding: 1em .2em; text-align: center; width: 100%; border-top: 1px solid var(--line); }
footer a { text-decoration: none; color: var(--gold); } footer a:hover { text-decoration: underline; }