:root{
  --bg-deep:#381d18; --bg-mid:#4a2a22; --bg-light:#5c372c;
  --cream:#f0e3bf; --cream-soft:#fbf3ec; --gold:#d4a853;
  --line:rgba(240,227,191,.16);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; min-height:100vh; min-height:100dvh;
  background:radial-gradient(120% 60% at 50% 0%, var(--bg-light) 0%, var(--bg-deep) 62%) fixed, var(--bg-deep);
  color:var(--cream); font:400 15px/1.5 Montserrat,system-ui,sans-serif;
}
a{color:inherit;text-decoration:none}
.wrap{max-width:520px;margin:0 auto;padding:36px 16px calc(32px + env(safe-area-inset-bottom))}
.head{text-align:center;margin-bottom:28px}
.logo{width:180px;max-width:60%;height:auto;display:block;margin:0 auto 10px}
.tag{margin:0;font:500 12px/1.4 Oswald,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}
.block{margin-top:22px}
.block[hidden]{display:none}
.label{
  display:flex;align-items:center;gap:8px;margin:0 0 10px;
  font:600 13px/1 Oswald,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);
}
.dot{width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 0 rgba(212,168,83,.6);animation:pulse 1.8s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 8px rgba(212,168,83,0)}100%{box-shadow:0 0 0 0 rgba(212,168,83,0)}}
.stack{display:grid;gap:10px}
.card{
  display:flex;align-items:center;gap:12px;justify-content:space-between;
  min-height:56px;padding:14px 16px;border-radius:14px;
  background:var(--bg-mid);border:1px solid var(--line);
  transition:transform .15s ease,background .15s ease,border-color .15s ease;
}
.card:hover,.card:focus-visible{background:var(--bg-light);border-color:rgba(212,168,83,.55);transform:translateY(-1px)}
.card:focus-visible,.pill:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.card .body{display:grid;gap:3px;min-width:0}
.card .t{font:600 15px/1.3 Montserrat,sans-serif;color:var(--cream-soft)}
.card .d{font-size:12.5px;line-height:1.45;color:rgba(240,227,191,.78)}
.card .go{flex:none;width:20px;height:20px;color:var(--gold)}
.card.hot{
  padding:16px;border-color:rgba(212,168,83,.5);
  background:linear-gradient(135deg,#5c372c 0%,#4a2a22 100%);
}
.card.hot .t{font:700 19px/1.2 Oswald,sans-serif;letter-spacing:.03em;text-transform:uppercase}
.tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}
.tagchip{
  display:inline-block;padding:3px 9px;border-radius:99px;
  font:600 10.5px/1.4 Montserrat,sans-serif;letter-spacing:.08em;text-transform:uppercase;
  background:var(--gold);color:var(--bg-deep);
}
.tagchip.warn{background:transparent;color:var(--gold);border:1px solid var(--gold)}
.social{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:6px}
.pill{
  padding:9px 16px;border-radius:99px;border:1px solid var(--line);
  font:500 13px/1 Montserrat,sans-serif;color:var(--cream);background:transparent;
  transition:background .15s,border-color .15s;
}
.pill:hover{background:var(--bg-mid);border-color:rgba(212,168,83,.55)}
.foot{margin-top:34px;text-align:center;font-size:12px;color:rgba(240,227,191,.55)}
.foot a{text-decoration:underline;text-underline-offset:3px}
@media (prefers-reduced-motion:reduce){.dot{animation:none}.card{transition:none}}
@media (min-width:600px){.wrap{padding-top:56px}}