/* Core Web Vitals Optimization: Critical CSS inline */
        * { 
            box-sizing: border-box; 
            margin: 0; 
            padding: 0; 
        }
        body { 
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
            line-height: 1.6;
            color: #333;
            overflow-x: hidden;
        }
        /* Improve CLS by reserving space for images */
        img { 
            max-width: 100%; 
            height: auto;
            display: block;
        }
        /* Ensure tap targets are large enough for mobile */
        button, 
        .clickable { 
            min-height: 44px; 
            min-width: 44px;
        }
        /* Smooth scrolling for anchor links */
        html {
            scroll-behavior: smooth;
        }
        /* Wikipedia-style infobox styling */
        .infobox {
            border: 1px solid #a2a9b1;
            background-color: #f8f9fa;
            padding: 1.25rem;
            margin-bottom: 1.5rem;
        }
        .infobox-title {
            background-color: #8A2BE2;
            color: white;
            padding: 0.5rem 1rem;
            margin: -1.25rem -1.25rem 1rem -1.25rem;
            font-weight: bold;
        }
        /* Table styling following Wikipedia conventions */
        .wikitable {
            border-collapse: collapse;
            width: 100%;
            margin: 1rem 0;
        }
        .wikitable th, .wikitable td {
            border: 1px solid #a2a9b1;
            padding: 0.5rem 0.75rem;
        }
        .wikitable th {
            background-color: #eaecf0;
            font-weight: bold;
            text-align: center;
        }
        /* Citation styling */
        .citation {
            font-size: 0.875rem;
            color: #555;
            vertical-align: super;
            line-height: 1;
        }
        /* Mobile-first responsive design */
        @media (max-width: 768px) {
            .container { padding-left: 1rem; padding-right: 1rem; }
            h1 { font-size: 1.75rem; }
            h2 { font-size: 1.5rem; }
            h3 { font-size: 1.25rem; }
            .infobox { float: none; width: 100%; margin-left: 0; }
        }
        /* Print styles */
        @media print {
            .no-print { display: none !important; }
            body { font-size: 12pt; line-height: 1.4; }
        }
        /* Game-specific color classes */
        .strength-bg { background-color: #ff6b6b; }
        .intelligence-bg { background-color: #4d96ff; }
        .agility-bg { background-color: #6bcf7f; }
        .titan-bg { background-color: #9d4edd; }

