/* Chronocide — shared custom styles (machined-layer aesthetic) */
.machined-grid {
  background-image:
    linear-gradient(to right, rgba(216, 195, 173, 0.1) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(216, 195, 173, 0.1) 1px, transparent 1px);
  background-size: 40px 40px;
}
.grooved-border { box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 1), 0px 1px 2px rgba(0, 0, 0, 0.05); }
.glass-panel { background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(12px); border: 1px solid rgba(224, 224, 224, 0.5); }
.text-stroke { -webkit-text-stroke: 1px rgba(132, 84, 0, 0.3); color: transparent; }

/* Radial machined halo behind the hero mark */
.hero-halo {
  background: radial-gradient(circle at 70% 40%, rgba(244, 158, 0, 0.18), transparent 60%);
}
/* Slow rotation for the gear mark */
@keyframes chrono-spin { to { transform: rotate(360deg); } }
.chrono-spin { animation: chrono-spin 90s linear infinite; }
@media (prefers-reduced-motion: reduce) { .chrono-spin { animation: none; } }

::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #f9f9f9; }
::-webkit-scrollbar-thumb { background: #d8c3ad; border-radius: 10px; }

body { min-height: max(884px, 100dvh); }