/* The "you are in 2015" bar, plus small fixes for things that didn't survive the archive. */
body { padding-top: 46px !important; }
.retro-bar { position: fixed; z-index: 99999; top: 0; left: 0; right: 0; display: flex; align-items: center; gap: 14px; height: 46px; padding: 0 16px; background: #072b17; border-bottom: 2px solid #7bb681; font: 600 13px/1.2 Inter, Arial, sans-serif; color: #f7f9f4; box-shadow: 0 4px 16px rgba(0,0,0,.5); }
.retro-bar__stamp { padding: 4px 10px; border-radius: 999px; background: #d6b24c; color: #072b17; font-weight: 800; white-space: nowrap; }
.retro-bar__note { color: rgba(247,249,244,.7); font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.retro-bar__back { margin-left: auto; padding: 7px 14px; border-radius: 999px; background: #7bb681; color: #072b17 !important; font-weight: 800; text-decoration: none !important; white-space: nowrap; }
.retro-bar__back:hover { background: #a9d3ad; }
@media (max-width: 700px) { .retro-bar__note { display: none; } }
a.retro-gone { cursor: default; text-decoration: none !important; }
.retro-form input[type="submit"], .retro-form input[type="image"], .retro-form button { cursor: not-allowed; opacity: .6; }
a.retro-video { display: inline-block; position: relative; color: #7bb681 !important; font-weight: bold; text-decoration: none; }
a.retro-video img { display: block; max-width: 100%; border: 1px solid #333; margin-bottom: 4px; }
/* Arriving: an old-CRT switch-on. */
@keyframes retro-on { 0% { filter: brightness(3) saturate(0); transform: scaleY(.004); } 35% { filter: brightness(2) saturate(.2); transform: scaleY(.004) scaleX(1); } 60% { transform: scaleY(1); filter: brightness(1.4); } 100% { filter: none; transform: none; } }
html.retro-arrive body { animation: retro-on .7s ease-out; transform-origin: 50% 50%; }
@media (prefers-reduced-motion: reduce) { html.retro-arrive body { animation: none; } }