:root { --nfs-blue: #0a1e3c; --nfs-orange: #ff6a00; --nfs-red: #d40000; --nfs-silver: #c0c8d0; --urban-dark: #080c14; --bg-white: #f7f9fc; --card: #ffffff; --border: #e5eaf0; }
        * { margin:0; padding:0; box-sizing:border-box; }
        body { font-family: 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; background: var(--bg-white); color:#0f1a2b; line-height:1.65; }
        a { color: var(--nfs-blue); text-decoration: none; border-bottom: 1px dashed var(--nfs-orange); }
        a:hover { background:#fff2e0; border-bottom:1px solid var(--nfs-red); }
        .wrapper { max-width: 1300px; margin:0 auto; padding:0 18px; }
        .my-logo a { font-size:2.1rem; font-weight:900; letter-spacing:-0.5px; color:var(--nfs-orange); border:none; background: linear-gradient(135deg, #0a1e3c, #1c3a63); -webkit-background-clip: text; background-clip:text; color:transparent; text-shadow:none; }
        .my-logo a:hover { border: none; background: transparent; color:var(--nfs-orange); }
        header.site-header { background: radial-gradient(circle at 30% 20%, #1d3d6e, #0b1424); padding:18px 0; box-shadow: 0 4px 10px rgba(0,0,0,0.3); }
        .header-grid { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:15px; }
        .logo-area { display:flex; flex-direction:column; }
        .site-baseline { font-size:0.8rem; color:#c7d9ff; margin-top:4px; letter-spacing:2px; }
        .search-header { flex: 1; max-width:350px; }
        .search-header form { display:flex; background:white; border-radius:50px; overflow:hidden; }
        .search-header input[type="text"] { flex:1; border:none; padding:10px 18px; font-size:1rem; outline:none; min-width:0; }
        .search-header button { background: var(--nfs-orange); color:white; border:none; padding:10px 16px; cursor:pointer; border-radius: 0 50px 50px 0; font-size:1rem; }
        .burger { display:none; background: transparent; border:0; cursor:pointer; color:#fff; font-size: 2.2rem; line-height:1; }
        nav.main-nav { display:flex; gap:28px; justify-content:flex-end; align-items:center; }
        nav.main-nav a { color:#f8fbff; border-bottom:none; font-weight:500; font-size:1rem; padding:5px 0; border-bottom: 2px solid transparent; }
        nav.main-nav a:hover { color: var(--nfs-orange); border-bottom-color:var(--nfs-orange); background:transparent; }
        .mobile-nav { display:none; flex-direction:column; background:#0f2138; margin-top:12px; border-radius:6px; overflow:hidden; }
        .mobile-nav a { color:white; padding:12px 16px; border-bottom:1px solid #1d3b60; }
        ul.breadcrumb { display:flex; flex-wrap:wrap; list-style:none; font-size:0.9rem; margin:16px 0 8px; background:#fff; padding:5px 8px; border-radius:6px; border:1px solid #eaeff5; }
        ul.breadcrumb li + li::before { content:" » "; padding:0 6px; color:var(--nfs-orange); }
        .content-grid { display:grid; grid-template-columns: minmax(0,1fr); gap:40px; padding:20px 0; }
        .hero-game { display:grid; grid-template-columns: 1.2fr 0.8fr; gap:28px; align-items:center; background: linear-gradient(135deg,#0d1f3a,#183c5f); color:white; padding:28px 30px; border-radius:12px; margin:20px 0; }
        .hero-game h1 { font-size: clamp(2.1rem, 6vw, 4rem); line-height:1.12; color:#fff; text-shadow:0 5px 10px #00000050; }
        .hero-img { display:flex; flex-direction:column; align-items:center; }
        .hero-img img { max-width: 100%; height:auto; border-radius:10px; box-shadow:0 15px 30px #000000; }
        .hero-img .caption { margin-top:7px; font-size:0.86rem; color:#dbeeff; }
        .article-body { background: white; padding:30px 28px; border-radius: 12px; border: 1px solid var(--border); box-shadow:0 3px 8px rgba(0,0,0,0.02); margin-top:8px; }
        .article-body p { margin-bottom:1.15rem; }
        .article-body h2 { color: var(--nfs-blue); margin:2.3rem 0 0.8rem; font-size:1.9rem; padding-bottom:6px; border-bottom:4px solid #ffab4a; }
        .article-body h3 { font-size:1.45rem; margin:2rem 0 0.7rem; color: #122a4a; }
        .article-body h4 { font-size:1.15rem; margin:1.6rem 0 0.4rem; color:var(--nfs-red); }
        .article-body ul, .article-body ol { margin: 1rem 0 1.5rem 2rem; }
        .article-body li { margin-bottom:0.4rem; }
        .data-table { width:100%; border-collapse:collapse; margin:24px 0; font-size:0.95rem; background:white; border-radius:8px; overflow:hidden; }
        .data-table th { background: #0b2a4a; color:white; padding:10px 12px; text-align:left; }
        .data-table td { padding:10px 12px; border-bottom:1px solid #e5eaf0; }
        .data-table tr:hover { background: #fff9f0; }
        blockquote { margin: 1.5rem 0; padding: 1rem 1.8rem; border-left: 5px solid var(--nfs-orange); background: #f6fafe; font-style: italic; }
        .infobox-highlight { background: #fff1e0; border:1px solid #ffc58b; padding: 18px; border-radius: 12px; margin:26px 0; }
        .callout-india { background:#e6f0fa; padding:18px 20px; border-radius:10px; border-left: 6px solid var(--nfs-orange); margin:30px 0; }
        .friendly-links { margin: 12px 0 0; } 
        .btn { display:inline-block; background: var(--nfs-orange); color:#fff; border:none; padding:12px 24px; border-radius:8px; font-weight:700; cursor:pointer; font-size:1rem; }
        .btn:hover { background:#d45b00; color:white; }
        form.user-interaction { display:grid; gap:12px; margin:30px 0; padding:22px; background:#f2f7fd; border-radius:12px; }
        input, textarea, select { padding:12px; font-size:1rem; border:1px solid #ccd8e8; border-radius:6px; width:100%; }
        .rating-star { display:flex; gap:10px; font-size:1.5rem; color:#ffb400; }
        footer { background: #0a1428; color: #c9d9f0; padding: 40px 0 20px; margin-top: 44px; }
        footer a { color: #ffbe6b; border-bottom: 1px dotted #ffbe6b; }
        friend-link { display:flex; flex-wrap:wrap; gap:8px 20px; padding:18px 0; font-size:1rem; align-items: center; }
        friend-link a { font-weight: 500; }
        .copyright { border-top: 1px solid #2c4b74; padding-top: 17px; font-size:0.88rem; display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px; }
        @media (max-width: 960px) {
            .header-grid { flex-direction: column; }
            nav.main-nav { display: none; }
            .burger { display:block; }
            .mobile-nav.show { display:flex; }
            .hero-game { grid-template-columns: 1fr; padding:20px 15px; }
            .article-body { padding: 18px; }
        }
        @media (min-width: 961px) {
            .mobile-nav { display:none !important; }
        }
        @media (max-width: 500px) {
            .article-body h2 { font-size:1.5rem; }
            .article-body { padding: 14px; }
            .data-table { font-size:0.8rem; }
        }
        .toc { background:#f5f8ff; padding:18px 22px; border-radius:8px;}
        .toc a { border:none; }
        .figure-custom { margin: 25px 0; text-align:center; }
        .figure-custom img { max-width:100%; border-radius:8px; }