/* File: assets/css/style.css */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap');

body { font-family: 'Inter', sans-serif; background-color: #f8fafc; margin: 0; padding: 0; }
.font-mono { font-family: 'JetBrains Mono', monospace; }
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
input[type=number] { -moz-appearance: textfield; }
.gauge-circle { transition: stroke-dashoffset 0.5s ease, stroke 0.5s ease; transform: rotate(-90deg); transform-origin: 50% 50%; }
.hp-field { display: none !important; visibility: hidden !important; }

/* Structural Fallbacks if Tailwind CDN Fails */
table { width: 100%; border-collapse: collapse; }
th, td { padding: 8px 12px; text-align: left; }
.hidden { display: none !important; }

/* Global Cursor & Mobile Tap Feedback */
button, a, select, input[type="checkbox"], [role="button"] {
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}
button:active, a:active {
    transform: scale(0.98);
    transition: transform 0.08s ease;
}