/* fuck-var.com custom styles supplementing Tailwind */

/* Smooth font rendering on Mac */
html { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/* Prevent iOS auto-zoom on input focus (16px floor) */
input, textarea, select { font-size: 16px; }

/* Pulse-dim animation for "in progress" text */
@keyframes pulse-dim { 0%, 100% { opacity: 1; } 50% { opacity: 0.35; } }
.pulse-dim { animation: pulse-dim 1.6s ease-in-out infinite; }

/* Hide referee illustration on very small screens */
@media (max-width: 479px) {
    .ref-art { display: none; }
}

/* Form frame: full border on tablet+, hairline rules on phone */
@media (max-width: 639px) {
    .form-frame { border-left: none; border-right: none; padding-left: 1rem; padding-right: 1rem; }
}

/* Monospace placeholder styling */
input::placeholder, textarea::placeholder {
    color: #6b6b6b;
    opacity: 1;
    font-family: "Special Elite", "Courier Prime", Courier, monospace;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

/* Reduced motion: pause spinner and pulse */
@media (prefers-reduced-motion: reduce) {
    .pulse-dim, .animate-spin { animation: none !important; }
}

/* Prevent body scroll when overlay is active */
body.overlay-active { overflow: hidden; }