.game-container {
        padding: 40px 0;
    }

    /* === 2. TIÊU ĐỀ CHÍNH "ABOUT" (STICKER STYLE) === */
    h1.singlepage-title {
        font-family: 'Arial Black', sans-serif;
        font-weight: 900;
        text-transform: uppercase;
        font-size: 42px;
        color: #fff;
        text-align: center;
        
        /* Biến thành Sticker đỏ */
        background: #ff4757;
        display: table; /* Để khung ôm sát chữ */
        margin: 0 auto 30px auto; /* Căn giữa */
        padding: 10px 40px;
        border: 4px solid #000;
        box-shadow: 8px 8px 0px #000;
        border-radius: 12px;
        transform: rotate(-3deg); /* Nghiêng nhẹ */
        
        /* Viền chữ đen (Stroke) */
        text-shadow: 3px 3px 0px #000;
        position: relative;
        z-index: 10;
    }
    
    /* Trang trí đinh ghim 2 bên (dùng dấu chấm giả) */
    h1.singlepage-title::before,
    h1.singlepage-title::after {
        content: "";
        position: absolute;
        top: 50%;
        width: 12px; height: 12px;
        background: #fff;
        border: 2px solid #000;
        border-radius: 50%;
        transform: translateY(-50%);
    }
    h1.singlepage-title::before { left: 10px; }
    h1.singlepage-title::after { right: 10px; }

    /* === 3. KHUNG NỘI DUNG (TỜ GIẤY COMIC) === */
    .page-content {
        background-color: #fff;
        /* Họa tiết chấm bi mờ bên trong giấy */
        background-image: radial-gradient(#ddd 15%, transparent 16%);
        background-size: 20px 20px;
        
        border: 5px solid #000; /* Viền cực dày */
        border-radius: 20px;
        box-shadow: 15px 15px 0px #000; /* Bóng đổ khối lớn */
        padding: 40px 50px;
        position: relative;
        color: #000;
        font-family: 'Readex Pro', sans-serif; /* Hoặc font chữ của bạn */
    }

    /* === 4. CÁC TIÊU ĐỀ CON (H2, H3) === */
    
    .page-content h2 {
        font-family: 'Arial Black', sans-serif;
        font-size: 28px;
        text-transform: uppercase;
        border-bottom: 5px solid #000; /* Gạch chân dày */
        display: inline-block;
        margin-bottom: 20px;
        padding-bottom: 5px;
    }

    /* Tiêu đề cấp 3 (Mission, Contact...) - Hiệu ứng Bút nhớ dòng */
    .page-content h3 {
        font-family: 'Arial', sans-serif;
        font-weight: 900;
        font-size: 22px;
        margin-top: 30px;
        margin-bottom: 15px;
        position: relative;
        display: inline-block;
        z-index: 1;
    }

    /* Vệt màu vàng quét dưới chữ H3 */
    .page-content h3::after {
        content: "";
        position: absolute;
        left: -5px; bottom: 2px;
        width: 100%; height: 12px;
        background: #fff200; /* Vàng highlight */
        z-index: -1;
        transform: skewX(-10deg) rotate(-1deg);
        opacity: 0.8;
    }

    /* === 5. VĂN BẢN & LIÊN KẾT === */
    .page-content p {
        font-size: 16px;
        line-height: 1.6;
        margin-bottom: 15px;
        font-weight: 500;
    }

    /* Từ khóa in đậm -> Chuyển màu Đỏ */
    .page-content strong {
        color: #ff4757;
        font-weight: 900;
    }

    /* Liên kết -> Màu xanh & Gạch chân lượn sóng */
    .page-content a {
        color: #0984e3;
        font-weight: 800;
        text-decoration: underline;
        text-decoration-style: wavy;
        text-decoration-thickness: 2px;
        transition: all 0.2s;
    }

    .page-content a:hover {
        background: #fff200;
        color: #000;
        text-decoration: none;
        padding: 0 5px;
        border: 2px solid #000;
        border-radius: 4px;
        box-shadow: 3px 3px 0px #000;
    }

    /* === 6. RESPONSIVE MOBILE === */
    @media (max-width: 768px) {
        .page-content {
            padding: 20px; /* Giảm padding trên mobile */
            box-shadow: 8px 8px 0px #000;
            border-width: 3px;
        }
        h1.singlepage-title {
            font-size: 28px;
            padding: 10px 20px;
        }
        .page-content h2 { font-size: 22px; }
        .page-content h3 { font-size: 18px; }
    }